最简单的jquery让div"position:fixed"到右下角(总是......就像向下滚动一样)？

Question

您好,我对jquery比较新,但我喜欢它,想知道我是否可以在页面的右下角放置一个div ,这样即使我们向下滚动页面,它的位置仍然固定在那里.此后,我需要通过div中的图像将链接传递给页面中的特定锚点.它应该简短.

Answer 1

#divid{
    position: fixed;
    right: 0;
    bottom: 0;
}

Answer 2

如果您接受position:fixedIE6中不支持并且IE7有一些警告,那么请不要使用jQuery:

<style type="text/css">
    #myFixedDiv {
        position: fixed;
        bottom: 0;
        right: 0;
        ...
    }
</style>

<div id="myFixedDiv">
    <a href="#myTargetDiv"><img src="img.gif" /></a>
</div>

<div id="myTargetDiv">
    ...
</div>

但是,如果IE6是一个问题,或者由于某种原因不起作用,您可以将事件绑定到窗口scroll事件以帮助:

<script type="text/javascript">
    var $myFixedDiv = $('#myFixedDiv');
    var iFixedDivHeight = $myFixedDiv.outerHeight({ 'margin': true });

    $(window).bind('scroll', function(e) {
        var iWindowHeight = $(window).height();
        var iScrollPosition = $(window).scrollTop(); // or document.body.scrollTop
        $myFixedDiv.css({ 'top': iWindowHeight + iScrollPosition - iFixedDivHeight });
    });
</script>

或者那种效果.HTH.