Opuesto a "scrollTop" en jQuery

Question

jQuery tiene una función llamada scrollTop que se puede usar para encontrar el número de píxeles ocultos sobre la vista de la página actual.

No estoy muy seguro de por qué, pero no hay función scrollBottom que devuelva el número de píxeles debajo de la vista de la página actual.

¿Hay un complemento jQuery que agregue esta funcionalidad? ¿O va a requerir algunas matemáticas elaboradas con la altura de la ventana/documento y el valor de scrollTop?

Answer 1

Se podría hacer un plugin bastante simple para esto:

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

Entonces llámelo en cualquier elemento que desee, por ejemplo:

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

Answer 2

Quizás esto ayude how to tell jquery to scroll to bottom, porque realmente no hay una función opuesta. Lo mismo es el problema con scrollLeft - no hay scrollRight

Answer 3

Usted podría intentar scrollTo plugin y hacer algo como:

$.scrollTo(document.height) 

Answer 4

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

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

Answer 5

Como el comportamiento predeterminado de scrollTop se desplaza a 0 al pasar un valor negativo, hice esta función que maneja scrollTop y simula un "scrollDown".

Si anchor_pos es negativo (por lo que es por encima de mi posición de desplazamiento actual), le resto de su valor desde la posición de desplazamiento actual (ya que tiene un valor negativo, estoy usando el signo +)

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

Así es como he calculado la distancia desde la parte inferior del elemento a la parte inferior del documento:

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

Answer 7

Si quieres que desplazarse hacia abajo (opuesto a “scrollTop”), tratar para usar la posición vertical en el argumento. De esta manera:

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

La parte superior del cuerpo, será: $("body").scrollTop(0);

Answer 8

probar esto:

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