0

メニューに固定 DIV を使用する必要があるサイトに取り組んでいます。www.atelier2architecten.nl/index2.php

固定 div を水平方向にスクロールさせる方法を見つけようとしています。ブラウザのウィンドウを小さくすると、ウィンドウの外にあるボタンをクリックできなくなるからです。

私はいくつかのjqueryソリューションを見つけました。しかし、それらにはアニメーションが含まれます。私のクライアントはそれを望んでいません。それは固定されたままでなければなりません。

このサイトでも優れたソリューションを見つけましたが、コードで DOC TYPE を使用すると機能しません。(私のCSSにはそれが必要です)

これは、どの DOC TYPE でも機能しないコードです。

function hscrollbar() {

var left = 
    /* window.pageXOffset should work for most recent browsers: */
    window.pageXOffset ? window.pageXOffset : 
    /* If it DOESN'T, let's try this: */
    document.documentElement.scrollLeft ? document.documentElement.scrollLeft : 
    /* And if THAT didn't work: */
    document.body.scrollLeft;
/* Now that we have the horizontal scroll position, set #footpanel's left 
   position to NEGATIVE the value, so it APPEARS to follow the scroll: */
document.getElementById('menu').style.left = -left;
}
window.onscroll = hscrollbar; /* Call the function when the user scrolls */
window.onresize = hscrollbar; /* Call the function when the window resizes */

誰かがこれで私を助けてくれることを願っています。DOC TYPE を使用しない場合、Google Chrome で完全に動作します。しかし、いつものように IE が問題です。

トバイアスへの挨拶

4

1 に答える 1

0

これを試しましたか：

$(window).scroll(function () {
   $('#menu').css('left', -($(window).scrollLeft()));
});

FF と Chrome でテスト済み。

PSにはjQueryが必要

于 2012-04-07T13:23:49.780 に答える