最简单的jquery让div“位置：固定”到右下角（总是..就像向下滚动一样）？答案

【问题标题】：simplest jquery to have div "position:fixed" to the bottom right corner(always.. like on scrolling down)?最简单的jquery让div“位置：固定”到右下角（总是..就像向下滚动一样）？
【发布时间】：2014-07-15 19:18:21
【问题描述】：

您好，我对 jquery 比较陌生，但我喜欢它，想知道是否可以将 div 定位在页面的右下角，以便它的 位置保持固定 strong> 即使我们向下滚动页面。此后，我需要通过 div 中的图像将链接传递到页面中的特定锚点。它应该简短。

【问题讨论】：

标签： jquery css positioning

【解决方案1】：

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

【讨论】：

他想要右下角，并且不需要 z-index 来确保它在像 moe 指出的滚动内容的前面吗？
left:0 将在左下角^_^
它在 ie 中出现问题，所以我可以让 div 浮动在屏幕的右下角

【解决方案2】：

如果你可以接受 IE6 不支持 position:fixed 并且 IE7 有一些 caveats，那么就不要使用 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。

【讨论】：

【解决方案3】：

不需要 jQuery

<div id="fixed-element" style="position:fixed; bottom:5px; right: 5px; z-index: 999">
    <a href="#myAnchor"><img src="/src/to/image.jpg" /></a>
</div>

但如果是我，我会这样做：

（假设图像的宽度和高度为 30px，使用内联 CSS，但我会将其保存在外部文件中）

<a href="#myAnchor" id="fixed-element" style="display:block; position:fixed; bottom:5px; right: 5px; z-index: 999; width: 30px; height: 30px; background:url(/src/to/image.jpg) no-repeat 0 0 transparent; text-indent: -9999">Click me</a>

【讨论】：

【解决方案4】：

检查这个link out：这是您可以修复始终可见的页脚的方法

【讨论】：