当用户向下滚动一定数量(像素)时执行jquery代码
execute jquery code when user scrolls down a certain amount (pixels)
我想在用户滚动到页面上的某个位置时执行下面的代码;例如600px;
(从上到下)。所以在PIXELS中检测600px
down。
// $(document).ready(function() {
$(".slidedown").one('load', function () {
$(this).slideDown(200);
}).each(function() {
if(this.complete) $(this).trigger('load');
});
// });
这行不通:
$(document).scroll(function(){
if (document.scrollHeight > 600) {
$(".slidedown").one('load', function () {
$(this).slideDown(200);
}).each(function() {
if(this.complete) $(this).trigger('load');
});
}
});
只需在触发事件之前设置# of pixels的阈值,当用户向上或向下滚动n个像素时,此函数将被触发
https://jsfiddle.net/7daffjh8/7/var scrollAmount = 0;
var pixelsToNotify = 200;
$(document).scroll(function() {
var distance = $(window).scrollTop();
console.log(distance, scrollAmount);
if(distance - scrollAmount > pixelsToNotify){
alert('user scrolled down event');
scrollAmount = distance;
}
if(distance < scrollAmount - pixelsToNotify){
alert('user scrolled up event');
scrollAmount = distance;
}
});
我想这样可以。
$(document).scroll(function(){
if ($(document).scrollTop() > 600) {
... execute code
}
});
https://jsfiddle.net/ga7140L9/1/相关文章:
- 如何通过溢出来判断元素被切断了多少像素:隐藏在父级上
- 点击facebook像素跟踪注册(JS/JQUERY代码)
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 如何使线条的边缘像素保持半透明
- 画布:逐像素绘制图像并请求动画帧计时
- 如何's css标记"-webkit最小设备像素比”;在Javascript中实现
- javascript mootools平滑滚动'x'像素数量
- 逐像素碰撞检测弹球
- 获取图像的平均外部像素颜色
- 如何根据分辨率添加像素
- 仅当窗口宽度>940像素,无论是通过页面加载还是调整大小
- 使用画布在秒内逐像素显示图片
- JS/CSS:如何在向下滚动超过1200像素(高度)后更改z索引值
- 仅当宽度大于x像素时才执行javascript代码
- 是跟踪像素可以从远程服务器执行javascript
- 为什么我的图像在执行这个视差脚本时跳了几个像素
- 检测水平滚动位置(像素),然后执行函数
- 当用户向下滚动一定数量(像素)时执行jquery代码
- 对窗口滚动的每n个像素执行一些操作
- jQuery-检测特定像素区域的点击,然后执行功能