Naprzeciwko "scrollTop" w jQuery

Question

jQuery ma funkcję o nazwie scrollTop, której można użyć do znalezienia liczby pikseli ukrytych nad bieżącym widokiem strony.

Nie jestem do końca pewien, dlaczego, ale nie ma funkcji scrollBottom, która zwraca liczbę pikseli poniżej bieżącego widoku strony.

Czy istnieje wtyczka jQuery, która dodaje tę funkcję? Czy też będzie wymagać skomplikowanej matematyki z wysokością okna/dokumentu i wartością scrollTop?

Answer 1

Można zrobić bardzo prosty plugin dla tego:

$.fn.scrollBottom = function() { 
    return $(document).height() - this.scrollTop() - this.height(); 
}; 

Następnie zadzwoń do dowolnego elementu, na przykład:

$(window).scrollBottom(); //how many pixels below current view 
$("#elem").scrollBottom(); //how many pixels below element 

Answer 2

Być może pomoże to how to tell jquery to scroll to bottom, ponieważ tak naprawdę nie ma przeciwnej funkcji. Podobnie jest problem z scrollLeft - nie ma scrollRight

Answer 3

Można spróbować scrollTo wtyczki i zrobić coś takiego:

$.scrollTo(document.height) 

Answer 4

function scrollBottom() 
{ 
    return $(window).scrollTop() + $(window).height(); 
} 

// example usage 
$('#footer').css('top', scrollBottom() - $('#footer').height()); 

Answer 5

Ponieważ domyślne zachowanie scrollTop przewija się do 0 podczas przekazywania wartości ujemnej, zrobiłem tę funkcję, która obsługuje scrollTop i symuluje "scrollDown".

Jeśli anchor_pos jest ujemna (więc powyżej mojej obecnej pozycji przewijania), I odjąć jego wartość od aktualnej pozycji przewijania (jak to ma wartość ujemną, używam znak +)

function jumpToAnchor(scrollable_div_selector, anchor_selector) 
{ 
    anchor_pos = $(anchor_selector).position().top; 

    //check if negative number 
    if (anchor_pos < 0) 
    { 
     anchor_pos = $(scrollable_div_selector).scrollTop() + anchor_pos; //anchor_pos is negative, so i'm substracting it 
    } 

    $(scrollable_div_selector).scrollTop(anchor_pos); 
} 

Answer 6

w ten sposób mam oblicza odległość od dolnej części elementu do dołu dokumentu:

$(document).height() - ($('#element').offset().top + $('#element').height()); 

Answer 7

Jeśli chcesz aby przewinąć w dół (przeciwieństwo „scrollTop”), spróbuj użyć pozycji pionowej argumentu. Tak:

$(document).ready(function(){ 
    $("button").click(function(){ 
          //position on pixeles 
     $("body").scrollTop(1300); 
    }); 
}); 

górnej części ciała, będzie: $("body").scrollTop(0);

Answer 8

spróbować tego:

return this[0].scrollHeight - this.scrollTop() - this.height();