1

申し訳ありませんが、私は JQuery が非常に苦手です。

Jquery という私の要件に対応するコードを 1 つ取得しました。誰でもそれをプレーンなJavaScriptに変換できますか

$(window).scroll(function() {
    var scrollTop = $(window).scrollTop();
$("#mybox").css("top", scrollTop + "px");
});

css部分

#mybox
{
    position:absolute;
    width:200px;
    height:50px;
    background-color:red;
}

ユーザーがページをナビゲートした場合でも、ページの下部にフローティングリンクを表示して使用しています

<script type="text/javascript">
window.addEventListener('scroll', function() {
    var scrollTop = window.pageYOffset;
    document.getElementById('worklist').style.top = scrollTop;
});
</script>
<div id="worklist" style="position: absolute; bottom: 5px; right: 50px;">
 <a href="LinkHere"><h2>Work List</h2></a>
</div>
4

3 に答える 3

2

おそらくこれがあなたが望むものだと思います：

http://jsfiddle.net/fuJbh/

window.addEventListener('scroll', function() {
    var scrollTop = window.pageYOffset;
    document.getElementById('worklist').style.bottom = -scrollTop + "px";
});​

これにより、リンクがページの下部に保持されます。

お役に立てれば！

アンディ。

于 2012-07-06T12:23:48.930 に答える
1

私の頭のてっぺんから、このようなもの：

window.addEventListener('scroll', function() {
    var scrollTop = window.pageYOffset;
    document.getElementById('mybox').style.top = scrollTop;
});
于 2012-07-06T06:36:12.387 に答える
0

ウィンドウのスクロール イベントを取得する同等の JavaScript は次のとおりです。

window.onscroll = 関数()

{

// スクロールしたときに何をしたいかをここに記述します。

}

于 2012-07-06T06:59:36.253 に答える