JQuery: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jochen (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „__TOC__ == Scroll to ID == Der folgende Code-Ausschnitt zeigt eine Möglichkeit zu einem HTML Tag mit der spezifizierten ID zu scrollen. <syntaxhighlight l…“) |
Jochen (Diskussion | Beiträge) |
||
| Zeile 2: | Zeile 2: | ||
= Scroll to ID = | |||
Der folgende Code-Ausschnitt zeigt eine Möglichkeit zu einem HTML Tag mit der spezifizierten ID zu scrollen. | Der folgende Code-Ausschnitt zeigt eine Möglichkeit zu einem HTML Tag mit der spezifizierten ID zu scrollen. | ||
| Zeile 9: | Zeile 9: | ||
// Scroll to the element, which id attribute's value is equal the URL hash. | // Scroll to the element, which id attribute's value is equal the URL hash. | ||
$(document.body).scrollTop($("#myID").offset().top); | $(document.body).scrollTop($("#myID").offset().top); | ||
</syntaxhighlight> | |||
= Verwendung von jQuery in der Console der Chrome Developer Tools = | |||
Zur Verwendung von jQuery in den Chrome Developer Tools kann folgendes Script in der Console ausgeführt werden. Danach wir <code>$</code> für jQuery verwedndet. | |||
<syntaxhighlight lang="javascript"> | |||
var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script); | |||
</syntaxhighlight> | </syntaxhighlight> | ||
Version vom 7. März 2018, 08:56 Uhr
Scroll to ID
Der folgende Code-Ausschnitt zeigt eine Möglichkeit zu einem HTML Tag mit der spezifizierten ID zu scrollen.
// Scroll to the element, which id attribute's value is equal the URL hash.
$(document.body).scrollTop($("#myID").offset().top);
Verwendung von jQuery in der Console der Chrome Developer Tools
Zur Verwendung von jQuery in den Chrome Developer Tools kann folgendes Script in der Console ausgeführt werden. Danach wir $ für jQuery verwedndet.
var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);