[英]Without using jquery, how can I show a div after the user has scrolled 100px?
[英]jQuery: show element on when specific div overflow is scrolled 100px?
通常我会在我的一些项目中使用它。
//Back to top
$(window).scroll(function () {
if ( $(window).scrollTop() > 100 ) {
$('#back-to-top').fadeIn('fast');
} else {
$('#back-to-top').fadeOut('fast');
}
});
$(window).scroll();
这意味着每当用户从顶部向下滚动更像100px时,返回顶部的箭头就会消失。
这次我在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底部的水平滚动条。
当我在这个div中滚动超过某个值时,我只想显示这个#back-to-left
按钮 - 也许再次像100px。
在这种情况下我该怎么做?
谢谢您的帮助。
您可以使用scrollLeft()
来确定位置
所以你想要做类似的事情
$('#slider').scrollLeft() > 100
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.