Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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中的自定义滚动条行为?_Javascript_Html_Css_Interactive - Fatal编程技术网

Javascript中的自定义滚动条行为?

Javascript中的自定义滚动条行为?,javascript,html,css,interactive,Javascript,Html,Css,Interactive,我想重现一种类似于此页面的效果:垂直滚动条控制浏览器“视口”在预定义路径上的行进 我认为最简单的方法是使用javascript读取滚动条值并相应地定位背景元素 可以在Javascript中获取垂直滚动条值吗?我的设计是不是错了 可以在Javascript中获取垂直滚动条值吗 我的设计是不是错了 这似乎是一种有效的方法。我认为您应该: 使用所需的滚动条创建元素 为滚动事件连接事件处理程序 根据事件处理程序中的滚动位置,在该事件处理程序中编写引导主页的逻辑 谢谢现在试一试。看起来反应很顺利,给了我需

我想重现一种类似于此页面的效果:垂直滚动条控制浏览器“视口”在预定义路径上的行进

我认为最简单的方法是使用javascript读取滚动条值并相应地定位背景元素

可以在Javascript中获取垂直滚动条值吗?我的设计是不是错了

可以在Javascript中获取垂直滚动条值吗

我的设计是不是错了


这似乎是一种有效的方法。

我认为您应该:

  • 使用所需的滚动条创建元素
  • 为滚动事件连接事件处理程序
  • 根据事件处理程序中的滚动位置,在该事件处理程序中编写引导主页的逻辑

  • 谢谢现在试一试。看起来反应很顺利,给了我需要的数据。干杯
    var scrollTop = document.documentElement.scrollTop || window.pageYOffset;