0

ユーザーがスクロールした場合でも、特定のDIVが常に下から20ピクセル、右から20ピクセルになるようにするための最良の方法を決定しようとしています。

<body>
<div id="wrap">
<p>Some content</p>
</div>
<div class="social-badges"><!-- this is the box that will always be at the bottom right --></div>
</body>

$(window).scroll(function() {
        console.log('scrolling');
        $(".tba-social-slider").css({"position" : "absolute", "bottom" : "20px", "right" : "20px"});
    });
4

2 に答える 2

3

CSSの位置を修正すると、うまくいくはずです：

.tba-social-slider{
  position: fixed;
  bottom: 20px;
  right: 20px;
}

Javascript は IMO を必要としません。

于 2012-06-26T22:00:06.087 に答える
0

このコード。

$(document).ready(function() {

    var div = $('.social-badges');
    var start = $(div).offset().top;

    $.event.add(window, "scroll", function() {
        var p = $(window).scrollTop() + $(window).height();
        $(div).css('position',((p)>start) ? 'fixed' : 'static');
        $(div).css('top',((p)>start) ? '5px' : '');
    });
});

それはうまくいくはずですが、確かではありません。:)

于 2012-06-26T22:03:40.437 に答える