0

我正在尝试确定确保特定 DIV 始终距底部 20px 和距右侧 20px 的最佳方法，即使用户滚动也是如此。

<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;
}

IMO 不需要 Javascript。

于 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 回答