1

私が抱えている問題は、Divを位置から変更することです。修正済み。ブラウザの現在のスクロールされた絶対位置に移動します。デフォルトでは、cssの位置を入れ替えます。Absoluteは、ブラウザウィンドウの上部ではなく、ページの上部にあるDivをロックします。したがって、スクロールした場合、クリックするとdivがhtmlページの上部にジャンプします。

単純な問題のように思われることを過度に説明していないことを願っています。

ここに例-jsfiddle.net/zsa9a/15/

$('#FloatingDiv')。css({position:'absolute / relative / static / inherit'、top:'AllSortsOfDifferentStuff'});でたくさんのバリエーションを試しました。

これが私が始めたところです...

$('#BtnAbsolute').click(
    function () {
    $('#FloatingDiv').css({position:'absolute'});
});

どんな助けでも本当にありがたいです!

4

1 に答える 1

4

これがまさにあなたが求めている効果であるかどうかはわかりません。フィドルを参照してください。scrollTop()現在のウィンドウのスクロール位置を取得するために使用する必要があるように思えます。

$('#BtnAbsolute').click( function () {
    $('#FloatingDiv').css({
        position:'absolute',
        top: $(window).scrollTop() - 20+'px'
    });
});


$('#BtnFixed').click(function () {
    $('#FloatingDiv').css({
        position:'fixed',
        top: 0
    });  
});
于 2013-01-04T22:14:23.233 に答える