我正在使用http://www.dyn-web.com/code/scroll/demos.php?demo=vt,因为我有一个不可滚动的页面,中间有可滚动的矩形。我不需要滚动条,只有mouswheel,这就是为什么我有溢出:隐藏 - 来自页面的示例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中的内容不是那么长时 - 也许是2000px它工作正常,但如果我在文本和图片上有大量 - 它会停止在中间某处滚动。 对于测试 - 当我在这个停止边界之前删除200px的东西时,如果我们查看文本,它会停止滚动200px(因此这个停止边界不依赖于数据)。
修改 我将内容拆分为两个可滚动区域。现在我不能滚动到最后。我可以滚动90%的人。当我有一个可滚动区域时,我可以将它滚动到90%,这很难计算,但现在我可以看到。
事情只发生在IE-8上,在ff 11,Chrome和IE-9所有页面都可以滚动。 我需要在js文件中查找和更改以使我的页面在IE-8中全部可滚动?