解决方法document.body.scroll 代替 window.scroll来滚动页面window.onscroll不响应,换成document.body.scroll,同样不响应,网上搜索后,得知是body的高度设为了100%导致的,去掉即可。但是如果页面样式依赖于body的高度,这种办法就不好了最后通过document.body.addEventListener绑定事件解决了(原来是通过document.body.onscroll绑定的)...
| Groovy Version: 2.4.6
| JVM Version: 1.7.0_80
------------------------------------------------------------------------------
--------------------------------------
标题$(
window
).
scroll
()触发失效
最近遇到一个问题,在项目中写了$(“
window
”).
scroll
()方法,但是在滚动页面的时候发现此方法没有触发,后来查找原因才发现是因为页面中的
html
或者body元素设置了overflow:auto样式才无法出发
解决方式:在页面结构布局完整的情况下将改样式去掉。
关于
window
.
scroll
系列方法汇总 & 滚动到指定元素位置
1.
window
.
scroll
()
滚动窗口至文档中的特定位置。
window
.
scroll
(x-co
找了半天,感觉自己给自己挖坑了,然后在填坑!
js
="
window
.
scroll
To(0,1000);" #如果
执行
没有效果,没有报错,请确定页面宽度要大于浏览器的宽度
driver.execute_script(
js
)
特别注意:
如果
执行
没有效果,没有报错,请确定页面宽度要大于浏览器的宽度
在实际开发中通常会遇到
scroll
view中嵌套warp的listview,不过某写情况会出现页面加载完后不是在顶部的问题,这时候我们就需要用到
scroll
To的方法来做修正一般我们会直接使用
Scroll
View.
scroll
To(x,y)
经过调试,查看源码的
scroll
To方法发现问题所在
* {@inheritDoc}
* <p>This version also clamps the
scroll
ing to the boun
http://blog.hooperui.com/%E5%85%B3%E4%BA%8Eios%E8%AE%BE%E5%A4%87
window
-on
scroll
%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%BB%9A%E5%8A%A8%E4%BA%8B%E4%BB%B6%E4%B8%8D%E8%A7%A6%E5%8F%91%E7%9A%84%E9%97%AE%E9%A2%98/
需求是页面滚动到指定位置或指定元素(让该元素的顶端与视口顶部距离为0)
首先可以用
window
.
scroll
To(x,y),不推荐。因为这个方法经常失效,且一般是滚动定值使用。
其次是document.documentElement.
scroll
Top = document.getElementById('el').clientHeight,不推荐。
最后是最能达到效果的document.getElementById('el').
scroll
IntoView({behavior: 'smooth'})
判断距离顶部的高度,如果大于0就
执行
window
.
scroll
To(0, 0),
但是在onload中
执行
,直接写都没用效果
window
.addEventListener("load", function (event) {
window
.
scroll
To(0, 0)
原因分析:
确切原因没用找到,猜测一下,估计是滚动相关的
DOM
没用初始化完成就
执行
该方法,导致无法
为了解决这个问题,您可以使用 `
window
.
scroll
({ top: 0, behavior: 'smooth' })` 代替 `
window
.
scroll
To(0, 0)`。
这将使用平滑滚动效果回到页面顶部,而不是立即回到顶部。
另外,您也可以使用第三方库,例如jQuery的 animate() 函数,来实现平滑滚动。