0

jQuery/css に関する簡単な質問があります。私はサイトをコーディングしていて、ユーザーが右にスクロールしたときに画面の左側に貼り付けたいコンテンツ/リンクが含まれる灰色のボックスがあります。たくさんのフォーラム/チュートリアルを調べましたが、まだ解決策が見つかりません。ここにサイトへのリンクがあります。

jQueryに関しては初心者なので、どんな助けでも大歓迎です、ありがとう!

http://morseandcompany.com/index-TEST.html

4

2 に答える 2

0

編集：

これは、ドキュメント対応のスクリプトである必要があります。

$(document).ready(function() 
{
    var theLoc = $('#sidebar').position().left;
    $(window).scroll(function() {
    if(theLoc >= $(window).scrollLeft()) {
        if($('#sidebar').hasClass('fixed')) {
            $('#sidebar').removeClass('fixed');
        }
    } else { 
        if(!$('#sidebar').hasClass('fixed')) {
            $('#sidebar').addClass('fixed');
        }
    }
});
});

これを CSS に追加します。

.fixed {position:fixed !important; left:0px !important;}

#sidebar の CSS を次のように変更します。

#sidebar {
min-height:100%;
width:266px;
height:100%;
height: auto !important; /*for modern browsers */ 
background-color:#F2F2F2;
z-index:2;
}

サイドバーの HTML を次のように変更します。

<DIV ID="sidebar" style="position:absolute; left:765px;"></DIV>
于 2012-02-09T19:22:04.747 に答える
0

あなたのウェブページにアクセスすると、次のエラーが表示されます。

var docScrollRight = $('body,html').scrollRight();
                                    ^^^^^^^^^^^

これは jQuery 関数ではありません。試してみてくださいscrollLeft()。

于 2012-02-09T17:59:42.070 に答える