1

我正在使用http://www.dyn-web.com/code/scroll/demos.php?demo=vt，因为我有一个不可滚动的页面，中间有一个可滚动的矩形。我不需要滚动条，只需要鼠标滚轮，这就是为什么我有溢出：隐藏 - 页面中的示例 html：

    <style type="text/css">
/* NOTE: width and height for div#wn also specified in scroll_v.css */
div#wn  { 
    position:relative; 
    width:250px; height:170px;
    overflow:hidden; /* for non-javascript */
    }
/* NOTE: styles for code are in external css file named scroll_v.css.
Script segment below writes link tag. */
</style>
<script src="js/dw_scroll_c.js" type="text/javascript"></script>
<script type="text/javascript">

function init_dw_Scroll() {
    // arguments: id of scroll area div, id of content div
    var wndo = new dw_scrollObj('wn', 'lyr1');

}

// if code supported, link in the style sheet (optional) and call the init function onload
if ( dw_scrollObj.isSupported() ) {
    dw_Util.writeStyleSheet('css/scroll_v.css');
    dw_Event.add( window, 'load', init_dw_Scroll);
}

</script>
</head>
<body>

<h1>Vertical Mouseover Scrolling</h1>



<div id="wn"> <!-- scroll area div -->
    <div id="lyr1"> <!-- layer in scroll area (content div) -->
        <p>This example demonstrates vertical scrolling using mouseover links. Speed doubles on mousedown.</p>
        <p>Scroll links could also be setup for mousedown scrolling if you prefer.</p>

        <p>Content repeated for your scrolling pleasure :)</p>

        <p>This example demonstrates vertical scrolling using mouseover links. Speed doubles on mousedown.</p>
        <p>Scroll links could also be setup for mousedown scrolling if you prefer.</p>

    </div> <!-- end content div (lyr1) -->
</div>  <!-- end wn div -->

（我不会给出所有的js文件，因为它很大并且在代码之前的链接上，如果有人想直接看这个dw_scroll_c.js文件，我可以链接它，但是阅读起来很不友好，因为他们删除了所有代码中的空格。）

所以这个滚动效果很好，但只有当我在 lyr1 中的内容不是那么长时——也许 2000 像素它可以正常工作，但如果我有大量的文字和图片——它会在中间的某个地方停止滚动。对于测试 - 当我在此停止边界之前删除 200 像素时，如果我们正在查看文本，它将停止滚动 200 像素（因此此停止边界不依赖于数据）。

编辑 我将我的内容分成两个可滚动区域。现在我不能滚动到最后。我可以滚动其中的 90%。当我有一个可滚动区域时，我可以将它滚动到 90%，这很难计算，但现在我可以看到了。

事情只发生在 IE-8、ff 11、Chrome 和 IE-9 上，所有页面都是可滚动的。我需要在 js 文件中查找和更改什么以使我的页面在 IE-8 中全部可滚动？

4

0 回答 0