1

我希望我的 div 在我滚动窗口时向下滚动，它正在发生，但是当我更改窗口的分辨率时，它的位置会发生变化

这是我的代码

$(document).ready(function() {  
    var stickyNavTop = $('#sticker').offset().top; 
    var stickyNav = function() { 
        var scrollTop = $(window).scrollTop();  
        if (scrollTop > stickyNavTop) {   
            $('#sticker').addClass('effect');  
        } else {  
            $('#sticker').removeClass('effect');   
        }  
    };
});

// 在 css 文件中

.effect
{
    position: fixed;  
    width: 100%;  
    left: 783px;  
    top: 0px;  
}
4

3 回答 3

4

基本上与屏幕分辨率无关的东西是位置固定的

如果你有

<div class="asd"></div>

你想修复这个 div css ：

.asd{position:fixed; top:0;}

在您的情况下，您可能已经忘记了。在你的 CSS 中。“。” 定义类

.effect
{
position: fixed;  
    width: 100%;  
    left: 783px;  
    top: 0px;  

 }
于 2013-07-11T06:09:33.947 回答
2

您可以尝试使用position:fixed;CSS 中的属性来使该 div 根据浏览器的窗口大小固定（但 div 的大小不会因您而改变）。

对于响应能力，您可以尝试top, left, right, bottom百分比值。

我不确定您的意思是什么，但是position:absolute;如果您不希望位置取决于窗口的大小而是取决于父级的 div，则可以尝试。

于 2013-07-11T08:54:42.783 回答
1

你在寻找这种效果吗？

使用 jQuery 的 Mashable 浮动效果示例

于 2013-07-11T07:00:21.160 回答