blocks|key|32933|text|我会像克里斯熊猫建议的那样推荐jQuery。jQuery有一个内置的滚动事件，其余的可以用几行代码编写来操作html+/+css。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32934|http://api.jquery.com/|offset|length|32935|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|M|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

I'd recommend jQuery like chrispanda has suggested. jQuery has a built in scroll event and the rest can be written in just a few lines to manipulate the html / css.

<a href="http://api.jquery.com/" rel="nofollow">http://api.jquery.com/</a>

blocks|key|1915771|text|根据浏览器当前的呈现模式，您可能需要使用document.documentElement.scrollTop而不是document.body.scrollTop+(同样也适用于scrollLeft)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1915772|在彼得·保罗·科赫(Peter)的一篇Evolt文章+(关于quirksmode.org的名气)中有一些关于这个问题的良好背景，但它是从2002年开始的，现在有点过时了。|1915773|正如这里的其他人所建议的那样，在2011年解决这类问题的最简单的方法就是使用现有的JavaScript框架。jQuery非常流行(特别是在StackOverflow用户中)，但是还有很多其他的。|1915774|entityMap|0|LINK|mutability|MUTABLE|url|http://evolt.org/node/23335/|1|http://jquery.com/|2|http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks^0|K|Y|1L|N|2G|A|0|1|P|0|0|1I|6|1|2H|7|2|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|H|3|I|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]|$9|1A|A|1B|1|1C]]|E|$]]|$1|J|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]|R|$5|M|N|O|E|$P|S]]|T|$5|M|N|O|E|$P|U]]]]

Depending on your browser's current rendering mode, you may need to use <code>document.documentElement.scrollTop</code> instead of <code>document.body.scrollTop</code> (and likewise for <code>scrollLeft</code>).

There's some good background on this problem in <a href="http://evolt.org/node/23335/" rel="noreferrer">an Evolt article by Peter-Paul Koch</a> (of quirksmode.org fame), but it's from 2002 and is a bit dated now.

As others here are suggesting, the easiest way to solve this kind of problem in 2011 is to just use an existing JavaScript framework. <a href="http://jquery.com/" rel="noreferrer">jQuery</a> is quite popular (especially among StackOverflow users), but <a href="http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks" rel="noreferrer">there are many others as well</a>.

blocks|key|90979|text|另一种解决办法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|90980|(document.documentElement.scrollTop+%7C%7C+document.body.scrollTop)|code-block|syntax|javascript|90981|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Another solution:

<pre><code>(document.documentElement.scrollTop || document.body.scrollTop)
</code></pre>

blocks|key|90995|text|您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|90996|window.pageYOffset|90997|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

you can use:

window.pageYOffset

blocks|key|91034|text|如果您不认为需要没有必要的第三方库，您可以尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|91035|var+scrollTop+=+(document.documentElement+%7C%7C+document.body.parentNode+%7C%7C+document.body).scrollTop;|code-block|syntax|javascript|91036|这很麻烦，但还是比JQuery好。|91037|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you don't see the need for unecessary third party libraries, you could try:

<pre><code>var scrollTop = (document.documentElement || document.body.parentNode || document.body).scrollTop;
</code></pre>

It's hacky, but it's still better than JQuery.

blocks|key|91068|text|我也有同样的问题，我检查了我的代码是否有一个设置溢出，删除：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|91069|overflow:auto;|code-block|syntax|javascript|91070|另一个元素起作用了|91071|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had the same issue and i checked my code for a set overflow, removing: 

<pre><code>overflow:auto;
</code></pre>

from another element worked

blocks|key|1915835|text|最后，作为解决办法，我不得不每隔x毫秒检查一次。不太理想，但它对我有效，因为我找不到其他的解决办法。注意，这是ES6代码，所以如果需要，您必须手动使它与ES5兼容，或者使用ES5。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1915836|/**
+*+Set+the+scroll+top+on+load
+*+@param+{int}+scrollTop+The+scrollTop
+*/
let+setScrollTop+=+scrollTop+=>+{
++++//+Different+browsers+treat+this+differently,+so+set+all
++++window.scrollTop+=+scrollTop;
++++window.document.body.scrollTop+=+scrollTop;
++++window.document.documentElement.scrollTop+=+scrollTop;
};

/**
+*+Jump+to+a+page
+*+@param+{string}+selector
+*/
let+jumpToPage+=+selector+=>+{
++++let+i+=+0;
++++let+top+=+document.querySelector(selector).offsetTop;
++++let+interval;

++++interval+=+window.setInterval(()+=>+{
++++++++if+((document.body.scrollTop+%7C%7C+document.documentElement.scrollTop)+===+top+%7C%7C+i+===+20)+{
++++++++++++window.clearInterval(interval);
++++++++++++return;
++++++++}

++++++++setScrollTop(top);

++++++++i%2B%2B;
++++},+100);

++++setScrollTop(top);
};

/**
+*+On+load
+*/
window.addEventListener('load',+()+=>+{
++++if+(condition)+{
++++++++jumpToPage(selector);
++++}
});|code-block|syntax|javascript|1915837|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I ended up having to check every x milliseconds as a workaround. Not ideal, but it worked for me as I couldn't find any other solution. Note, this is ES6 code, so if you need to, you'll have to make it ES5 compatible manually, or use Babel.

<pre><code>/**
 * Set the scroll top on load
 * @param {int} scrollTop The scrollTop
 */
let setScrollTop = scrollTop =&gt; {
 // Different browsers treat this differently, so set all
 window.scrollTop = scrollTop;
 window.document.body.scrollTop = scrollTop;
 window.document.documentElement.scrollTop = scrollTop;
};

/**
 * Jump to a page
 * @param {string} selector
 */
let jumpToPage = selector =&gt; {
 let i = 0;
 let top = document.querySelector(selector).offsetTop;
 let interval;

 interval = window.setInterval(() =&gt; {
 if ((document.body.scrollTop || document.documentElement.scrollTop) === top || i === 20) {
 window.clearInterval(interval);
 return;
 }

 setScrollTop(top);

 i++;
 }, 100);

 setScrollTop(top);
};

/**
 * On load
 */
window.addEventListener('load', () =&gt; {
 if (condition) {
 jumpToPage(selector);
 }
});
</code></pre>

I have the code below that will open a modal window. This works in IE 8 but not in Chrome or FF. I am new to the world of cross browser functionality. 

<pre><code>function ShowModal(WindowID,FramesetID)
{
 window.onscroll = function () { window.top.document.getElementById(WindowID).style.top = window.top.document.body.scrollTop; };
 window.top.document.getElementById(WindowID).style.display = "block";
 window.top.document.getElementById(WindowID).style.top = document.body.scrollTop;

 widthv=parseInt(parseInt(screen.width)/1.50);
 heightv=parseInt(parseInt(screen.height)/1.50); 

 window.top.document.getElementById(FramesetID).style.width=widthv;
 window.top.document.getElementById(FramesetID).style.height=heightv;
}
</code></pre>

Can anyone help in making this code Chrome &amp; FF compatible? 
I tried changing <code>window.top</code> to <code>window.parent</code> but no luck
Also, any rules to keep in mind when coding for multiple browsers (I have browsed through but didn't quite find any set of rules for cross browser compatibility)? 

Update: 
The issue is that in IE, this modal window appears in approximately half the screensize. In FF and Chrome, the modal window appears about the size of a dollar coin.

window.top.document.body.scrollTop not working in Chrome or FireFox

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

下面的代码将打开一个模态窗口。这在IE8中有效，但在Chrome或FF中不起作用。我是新世界的跨浏览器功能。function ShowModal(WindowID,FramesetID){    window.onscroll = function () { window.top.document.getElement...

问window.top.document.body.scrollTop在Chrome或FireFox中不工作
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问window.top.document.body.scrollTop在Chrome或FireFox中不工作EN