обычно я использую это в некоторых своих проектах.
//Back to top
$(window).scroll(function () {
if ( $(window).scrollTop() > 100 ) {
$('#back-to-top').fadeIn('fast');
} else {
$('#back-to-top').fadeOut('fast');
}
});
$(window).scroll();
Это означает, что всякий раз, когда пользователь прокручивает больше, чем на 100 пикселей вниз от вершины, появляется стрелка вверх-вверх.
На этот раз у меня есть горизонтальная полоса прокрутки внутри div, в которой overlow-x установлено на auto. Похоже на это ...
<section id="slider" class="horizontal">
<!-- Some Images that are floated left -->
<div id="back-to-left"></div>
</section>
.horizontal {
overflow-x: auto;
white-space: nowrap;
padding: 20px 0;
}
Так что это просто div с большим количеством изображений рядом и горизонтальной полосой прокрутки внизу этого div.
Я хочу показывать эту кнопку #back-to-left только тогда, когда прокручиваю внутри этого div больше определенного значения - возможно, снова как 100px.
Как я могу это сделать в этом случае?
Спасибо за вашу помощь.