Jak uzyskać scrollTop elementu iframe

Element scrollTop jQuery zwraca wartość null, gdy okno jest ramką iframe. Czy ktoś był w stanie dowiedzieć się, jak uzyskać scrollTop iframe?Jak uzyskać scrollTop elementu iframe

więcej info:

mój skrypt jest uruchomiony w samej iframe, okno rodzic jest w innej domenie, więc nie może uzyskać dostępu do identyfikatora iframe lub coś podobnego

Źródło

2009-12-05 mkoryak

Starasz się dostać go od wewnątrz rodzic "iframe" lub z samego "iframe"? –

z samego elementu iframe. źle dodać więcej informacji na moje pytanie – mkoryak

Można ustawić scrollTop przy użyciu tej konfiguracji:

$("html,body").scrollTop(25);

więc można próbować coraz to tak:

$("html,body").scrollTop();

Ponieważ różne przeglądarki ustawiają scrollTop na różnych elementach (treści lub html).

Od wtyczki scrollTo:

Ale to chyba jeszcze nie w niektórych przeglądarkach. Oto odnośny odcinek od kodu źródłowego Ariel Flesher's scrollTo plugin for jQuery:

// Hack, hack, hack :) 
// Returns the real elements to scroll (supports window/iframes, documents and regular nodes) 
$.fn._scrollable = function(){ 
    return this.map(function(){ 
    var elem = this, 
     isWin = !elem.nodeName || $.inArray(elem.nodeName.toLowerCase(), ['iframe','#document','html','body']) != -1; 

    if(! isWin) { 
     return elem; 
    } 


    var doc = (elem.contentWindow || elem).document || elem.ownerDocument || elem; 

    return $.browser.safari || doc.compatMode == 'BackCompat' ? 
     doc.body : 
     doc.documentElement; 
    }); 
};

Następnie można uruchomić:

$(window)._scrollable().scrollTop();

Aby ustalić, jak daleko iframe przewinął dół.

Źródło

2009-12-05 15:56:19

Dzięki człowieku. który działa jak wdzięk – mkoryak

nie działa dla mnie, ale rodzic. $ ('body'). scrollTop() wykonał zadanie –

Musiałem ustawić wartość dla scrollTop, więc mała regulacja: '$ (" html, body "). scrollTop (0);' –

Znalazłem to pytanie podczas próby SET scrollTop wewnątrz iframe ... nie dokładnie Twoje pytanie (chciałeś GET), ale tutaj jest rozwiązanie wewnątrz iframe dla osób, które również tutaj kończy się próby SET.

Jeśli chcesz, aby przewinąć do góry strony będzie to nie działa wewnątrz iframe:

$("html,body").scrollTop(0);

Jednak to będzie działać:

document.getElementById("wrapper").scrollIntoView();

Albo equivilent z jQuery :

$("#wrapper")[0].scrollIntoView();

Dla tego znacznika (zawiera insi de iframe):

<html> 
    <body> 
    <div id="wrapper"> 
     <!-- lots of content --> 
    </div> 
    </body> 
</html>

Źródło

2010-10-19 03:44:42

Dzięki za ten punkt @chris. W przeglądarce Firefox, tylko DOM scrollIntoView działał na stronie, która była wewnątrz elementu iframe (Google Chrome działa tylko z $ ("body"). ScrollTop (0);). Dla miłośników jquery jest to $ ("# wrapper") [0] .scrollIntoView(); – rsmoorthy

tylko ten wydaje się działać w IE8 ... dzięki – handsomeGun

bardzo ładne. spoza elementu iframe 'document.getElementsByTagName ('iframe') [0] .contentWindow.document.getElementById ('myElementId'). scrollIntoView();' – billynoah

Good old javascript:

scrollTop = document.getElementById(IFRAME_ID).contentWindow.document.body.scrollTop;

Źródło

2010-11-09 04:11:04 dudkaman

Nie działa, gdy JS działa wewnątrz elementu iframe. – mikemaccana

Dla javascript wewnątrz iframe, zostaw część, która zwraca samą iframe: 'scrollTop = document.body.scrollTop;' –

$('#myIframe').contents().scrollTop()

Źródło

2011-01-17 19:52:37

Nie wiem o OP, ale to rozwiązało to dla mnie przez całą drogę. Miałem do czynienia z iframe i całkowicie zapomniałem zastosować scrollTop() do jego zawartości. Duh! –

Pozdrawiam. To działało idealnie dla mojej sprawy - iframe zajmowało 100% widoku z załadowanym modalem/nakładką. Dzięki! –

nie działa, zwraca wartość null –

lub używać ten

sample.showLoader = function() { 
// show cursor wait 
document.getElementsByTagName('body')[0].style.cursor = 'wait'; 
var loader = $('#statusloader'); 
// check if we're runnign within an iframe 
var isIframe = top !== self; 
if (isIframe) { 
    var topPos = top.pageYOffset + 300; 
    // show up loader in middle of the screen 
    loader.show().css({ 
     top : topPos, 
     left : '50%' 
    }); 
} else { 
    // show up loader in middle of the screen 
    loader.show().css({ 
     top : '50%', 
     left : '50%' 
    }); 
} 
};

Źródło

2013-06-17 10:17:47 hypery2k

$('#myIframe').contents().scrollTop(0);

działa tylko z "0" jako parametr

Źródło

2013-11-12 11:19:45 Peppeneppe

Jeśli podano argument "0", ramka zostanie przewinięta do góry (0 pikseli od góry). Bez argumentu zwrócona zostanie ilość pikseli od góry => o to właśnie chodzi! –

Wiem, że spóźniłem się na grę tutaj, ale próbowałem to rozgryźć na długiej liście na urządzeniach mobilnych. scrollTop() nie działa dla mnie z powodu konfliktów między domenami (i nie mam dostępu do okna nadrzędnego), ale nie zmienia wysokość:

$('#someClickableElementInIFrame').on('click', function(e){ 
     $("html body").animate({ 
     'height' : "0" 
    }, { 
     complete: function(){ 
      $("html body").css({ 
      'height' : "auto" 
      }) 
      } 
     }) 
});

Źródło

2016-09-29 18:11:10 BenTheHumanMan

Jak uzyskać scrollTop elementu iframe

Odpowiedz

Powiązane problemy