Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有人能给我解释一下使用jquery如何设置滚动功能可以向下/向上滚动的像素数吗?_Javascript_Jquery_Css_Scroll_Transform - Fatal编程技术网

Javascript 有人能给我解释一下使用jquery如何设置滚动功能可以向下/向上滚动的像素数吗?

Javascript 有人能给我解释一下使用jquery如何设置滚动功能可以向下/向上滚动的像素数吗?,javascript,jquery,css,scroll,transform,Javascript,Jquery,Css,Scroll,Transform,我见过一个插件,它可以做到这一点,但我希望能够理解逻辑是如何工作的。有人能给我解释一下,或者至少给我指一个可以进一步解释的网站吗 $(window).scroll(function(){ // scroll 100vh down on first scroll // scroll another 100vh down on second scroll }) 当用户滚动到某个元素时,滚动事件被发送到该元素 元素中的不同位置。它适用于窗口对象,但也适用于 使用溢出CSS属性集创建可滚动的框架和

我见过一个插件,它可以做到这一点,但我希望能够理解逻辑是如何工作的。有人能给我解释一下,或者至少给我指一个可以进一步解释的网站吗

$(window).scroll(function(){
// scroll 100vh down on first scroll

// scroll another 100vh down on second scroll
})

当用户滚动到某个元素时,滚动事件被发送到该元素 元素中的不同位置。它适用于窗口对象,但也适用于 使用溢出CSS属性集创建可滚动的框架和元素 滚动(或在元素的显式高度或宽度小于 大于其内容物的高度或宽度)

当div的宽度/高度大于设备浏览器的可用宽度/高度时,浏览器将为您提供一个向下滚动条,以查看溢出的元素

Jquery scroll允许您在用户在提供的选择器内滚动时侦听事件

它将调用作为参数传递给jquery滚动函数的处理程序(函数)

此外,您不需要手动滚动容器。浏览器将自动滚动溢出容器的内容,但您可能希望通过滚动条增加滚动的步长

如何增加步长

通常,当您滚动可滚动容器的
scrollTop
属性时,会以固定的步长(1-10px)进行更改

scrollTop
属性决定有多少内容从可滚动容器顶部溢出,并从容器底部显示更多像素,就像视口一样

因此,您可以将更多像素添加到
scrollTop
,并比默认值滚动更多像素


签出我的这个

它在这里告诉你什么是
scroll()
isIt它把任何一个卷轴变成一个完整的页面卷轴,就像如何增加卷轴的步长一样?因为我需要知道鼠标滚轮的一次轻击如何转化为将页面向下移动100 VH,即fullPage.jscheckout我的回答我不太清楚到底发生了什么,我是个新手,如果没有太多问题,你能详细解释一下吗?此外,动画似乎是油嘴滑舌
$(window).scroll(function(){ //Function called when window is scrolled.

})