[英]how to trigger jquery function on scroll when it shows 100px fro the bottom
[英]jQuery Scroll function after 100px
使用此脚本:
<script>
$(function() {
$(window).scroll(function(){
$('#Your element id').slideUp('slow');
});
});
</script>
是否可以仅在用户滚动100px或更多后执行操作?
你确实需要scrollTop。 包含'else'函数也是明智之举,这样当你向后滚动到顶部时,切换元素会再次被隐藏。 因此:
$(document).ready(function() {
$('#scrollDiv').hide();
$(window).scroll(function() {
if ($(document).scrollTop() > 100) {
$('#scrollDiv').fadeIn('slow');
}
else {
$('#scrollDiv').fadeOut('slow');
}
});
});
这是一个快速的jsfiddle
您可以使用.scrollTop()
来获取页面滚动的距离
<script>
$(function() {
$(window).scroll(function(){
if($(this).scrollTop() > 100) {
$('#Your element id').slideUp('slow');
}
});
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.