1

http://www.dyn-web.com/code/scroll/demos.php?demo=vtを使用しています。中央にスクロール可能な四角形があるスクロールできないページがあるためです。スクロールバーは必要ありません。マウスホイールのみが必要です。そのため、overflow:hidden があります。ページの 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 の場合は問題なく動作しますが、テキストと画像が大量にある場合は、途中でスクロールが停止します。テスト用 - この stop-boundary の 200px 前にあるものを削除すると、テキストを見ている場合、さらに 200px スクロールが停止します (したがって、この stop-boundary はデータに依存しません)。

編集 コンテンツを 2 つのスクロール可能な領域に分割します。今は両方とも最後までスクロールできません。おそらく90％スクロールできます。スクロール可能な領域が 1 つあったときは、おそらく 90% までスクロールできました。計算するのは困難でしたが、今ではそれがわかります。

これは IE-8、ff 11、Chrome、および IE-9 でのみ発生しており、すべてのページがスクロール可能です。IE-8でページをすべてスクロール可能にするには、jsファイルで何を探して変更する必要がありますか?

4

0 に答える 0