ウィンドウが小さすぎるときにスクロールするJavascriptの固定div。 DOC TYPEの問題

Question

私はメニューの固定DIVを使用する必要があるサイトで作業しています。 www.atelier2architecten.nl/index2.php

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

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

私もこのサイトで素晴らしい解決策を見つけました。しかし、コードでDOC TYPEを使用するとうまくいきません。 （私は私のCSSのことを必要とする）

これは、任意のDOCタイプで作業をdoens'tコードです：

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は、いつものように、問題です。 FFとChromeでテスト

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

：トビアス

Answer 1

挨拶

あなたはこのを試してみました。

P.S.必要なjQuery