我在设置 scrollTop 跨浏览器时遇到问题。我做了一个搜索,说要使用下面的解决方案。
我目前有:
var body = document.documentElement || document.body;
body.scrollTop = 200;
这适用于 IE,而不适用于 chrome
如果我切换它:
var body = document.body || document.documentElement;
body.scrollTop = 200;
它适用于 chrome,而不是 IE
如何解决这个问题?
最佳答案
这方面存在一些互操作性问题和不兼容性。为了避免用户代理嗅探(并简化到标准 API 的迁移,其中 document.documentElement.scrollTop
控制视口(viewport),而不是 document.body.scrollTop
),在现代浏览器中实现了一个新的 API。
基本上,有一个滚动功能可以做到这一点 -
function scrollViewport(top, left)
{
var eViewport = document.scrollingElement
if (eViewport)
{
if (typeof top !== "undefined")
{
eViewport.scrollTop = top;
}
if (typeof left !== "undefined")
{
eViewport.scrollLeft = left;
}
}
else
{
// Do your current checks or set the scrollLeft and scrollTop
// properties of both of documentElement and body, or user agent
// sniffing, if you must.
// Example -
// var scrollTop = 200;
// Chrome, Internet Explorer and Firefox, I think.
// document.documentElement.scrollTop = scrollTop;
// Safari, at least up to version 11, I think.
// document.body.scrollTop = scrollTop;
// Or just (I am not sure I recommend this)...
// window.scrollTo(0, scrollTop);
}
}
阅读 Opera article 了解更多信息。
关于javascript - 设置 scrollTop 跨浏览器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23313092/