以下是为您整理出来关于【html页面滚动】合集内容，如果觉得还不错，请帮忙转发推荐。
一个布局较复杂的页面，在手机浏览器上运行时，部分配置比较差的手机会出现滚动滚动条后，页面正常滚动，但部分元素却出现类似position：fixed一般悬浮在页面上，然后再滚动。看上去有点像视差滚动，但却一点都不好看。 解决方法:在滑动体上添加样式：transform：translateZ(0);-webkite-transform：translateZ(0)。 各种复杂的html 加这个的目的是利用GPU加速（GPU缓存）。 因为这个问...
方法一：DOM 代码如下:<script> window.onscroll = function() { console.info(window.scrollY); } </script> 注册onscroll事件，在控制台（按F12）打印当前页面距离页面顶部的距离（单位：像素px) 方法二：jQuery 代码如下:$(function() { $(window).scroll(function() { console.info($(window).scrollTop()); }); }); 调用window对象的scroll方法注册滚动事件，调用window对象的scrollTop方法，意义同scrollY属性。
方法一：DOM 代码如下: window.onscroll = function() { console.info(window.scrollY); } 注册onscroll事件，在控制台（按F12）打印当前页面距离页面顶部的距离（单位：像素px) 方法二：jQuery 代码如下: $(function() { $(window).scroll(function() { console.info($(window).scrollTop()); }); }); 调用window对象的scroll方法注册滚动事件，调用window对象的scrollTop方法，意义同scrollY属性。JavaScript教程/参考手册...