прокрутите вниз до высоты документа, но + 100

Question

Я получил этот скрипт

$("body, html").animate({scrollTop: $(document).height()}, 1000)

Как видно выше, он сделает так, чтобы страница прокручивалась вниз до высоты документа, то есть до низа. Однако в моем случае это слишком далеко вниз, я хотел бы прокрутить вниз до bottom:100px; или bottom:10%; Возможно ли это? Я нашел примеров , но они у меня не работали. Что мне не хватает, чтобы он работал? :)

Answer 1

Конечно, вы можете установить значение scrollTop на любое значение, которое вы можете вычислить математически:

// Top is 100 px short of bottom
$("body, html").animate({scrollTop: $(document).height() - 100}, 1000)

// 90% scroll down
$("body, html").animate({scrollTop: $(document).height() * 0.9}, 1000)

Обратите внимание, что для всех этих значений 100px равно очень маленький . Окно вашего браузера должно быть <100 пикселей в высоту, чтобы оно НЕ прокручивалось до конца. </p>

Вы также можете использовать видимую высоту окна браузера в своем уравнении:

$(window).height()