为什么不使用“doScroll”？在 IE8 中工作？

发布于 2024-08-11 05:35:37 字数 761 浏览 3 评论 0原文

微软在 IE8 中仍然支持“doScroll”吗？我根本无法让它工作。

这是一个测试页：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
  <body>
    <div id="a" style="overflow:auto; width:300px; height:300px; border:1px solid black;">
      <div style="width:200px; height:500px; background:blue;">
      </div>
    </div>
    <button onclick="document.getElementById('a').doScroll('scrollbarDown')">Down</button>
    <button onclick="document.getElementById('a').doScroll('scrollbarUp')">Up</button>
  </body>
</html>

“向下”和“向上”按钮在 IE6 和 IE7 以及 IE8 的“兼容性视图”中工作正常。但它们在 IE8 标准视图中不起作用。（DOCTYPE 是必要的。）

有什么想法吗？

原文

Is "doScroll" still supported by Microsoft in IE8? I can't get it to work at all.

Here's a test page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
  <body>
    <div id="a" style="overflow:auto; width:300px; height:300px; border:1px solid black;">
      <div style="width:200px; height:500px; background:blue;">
      </div>
    </div>
    <button onclick="document.getElementById('a').doScroll('scrollbarDown')">Down</button>
    <button onclick="document.getElementById('a').doScroll('scrollbarUp')">Up</button>
  </body>
</html>

The "Down" and "Up" buttons work fine in IE6 and IE7, as well as IE8 in "Compatibility View". But they have no effect in IE8 Standard View. (The DOCTYPE is necessary.)

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

悲歌长辞 2024-08-18 05:35:37

我不知道 doScroll() 方法是否不再存在，但在跨浏览器获取 clientHeight 和scrollHeight 值时应该是安全的。我将您的 js 放入几个函数中，以使其更易于使用。

<script type="text/javascript">
    function scrollDown(){
        var myDiv = document.getElementById('a');
        myDiv.scrollTop = myDiv.scrollHeight - myDiv.clientHeight;
    }
    function scrollUp(){
        var myDiv = document.getElementById('a');
        myDiv.scrollTop =  myDiv.clientHeight - myDiv.scrollHeight;
    }
</script>
<div id="a" style="overflow:auto; width:300px; height:300px; border:1px solid black;">
  <div style="width:200px; height:500px; background:blue;">
  </div>
</div>
<button onclick="scrollDown()">Down</button>
<button onclick="scrollUp()">Up</button>

I don't know if the doScroll() method exists anymore, but you should be safe across browsers getting the clientHeight and scrollHeight values. I put your js into a couple of functions to make it easier to work with.

<script type="text/javascript">
    function scrollDown(){
        var myDiv = document.getElementById('a');
        myDiv.scrollTop = myDiv.scrollHeight - myDiv.clientHeight;
    }
    function scrollUp(){
        var myDiv = document.getElementById('a');
        myDiv.scrollTop =  myDiv.clientHeight - myDiv.scrollHeight;
    }
</script>
<div id="a" style="overflow:auto; width:300px; height:300px; border:1px solid black;">
  <div style="width:200px; height:500px; background:blue;">
  </div>
</div>
<button onclick="scrollDown()">Down</button>
<button onclick="scrollUp()">Up</button>

回复收藏 0 原文