3

このサイトには私のような質問がたくさんあると思いますが、元のコードが私のものとは非常に異なるため、何百万もの方法を試しましたが、ソリューションを使用できませんでした。

この緑色のボックスをある時点で停止させたいのですが。下部のhbarとstop/postという単語をマイナスでカバーしたいのとまったく同じように動作します。私が選んだ時点で、これよりはるかに高く停止したいと思います。

ここで私のデモをご覧ください：http：//jsfiddle.net/Kachish/RqELN/1/

以下はJavascriptとCSSです。

Javascript：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

    $(document).scroll(function() {
        var useFixedSidebar = $(document).scrollTop() > 150;
        $('.important').toggleClass('fixedSidebar', useFixedSidebar);
    });

</script>

CSS：

.fixedSidebar {
    position: fixed;
    top: 10px;
}

</ p>

4

1 に答える 1

1

あなたに基づいて働くフィドル。

JQuery：

$(document).scroll(function() {
    var scrollVal = $(document).scrollTop();
    $('.important').css('top',scrollVal+'px');
    if (scrollVal < 150) { 
        $('.important').css('top','100px');
    }
    if (scrollVal > 1347) {
        $('.important').css('top','1111px');    
    }
});​

CSS：

.important { 
    position: absolute;
}

</ p>

于 2012-10-28T02:32:35.257 に答える