Jquery 如何使您的div即使在窗口的分辨率发生变化时仍保持在页面上

当我滚动窗口时，我希望我的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;  
}

---

基本上屏幕分辨率独立的东西是位置固定的

如果你有

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

就你而言，你可能已经忘记了。在你的css中。“.”定义类

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

 }

---

基本上屏幕分辨率独立的东西是位置固定的

如果你有

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

就你而言，你可能已经忘记了。在你的css中。“.”定义类

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

 }

---

你在寻找这种效果吗

---

你在寻找这种效果吗

---

您可以尝试

位置：固定属性，使该div根据浏览器的窗口大小固定（但div的大小不会为您更改）

对于响应性，您可以尝试将
top、left、right、bottom
的值作为百分比

我不能完全确定你的意思，但你可以试试
position:absolute如果您不希望位置取决于窗口的大小，而是取决于父级的div。
您可以尝试
位置：固定属性，使该div根据浏览器的窗口大小固定（但div的大小不会为您更改）

对于响应性，您可以尝试将
top、left、right、bottom
的值作为百分比

我不能完全确定你的意思，但你可以试试
position:absolute
如果您不想让位置取决于窗口的大小，而是取决于父窗口的div。
您能提供一个正确的HTML和CSS代码与JSFIDLE链接吗？您能在JSFIDLE中共享它吗？您设置了固定的左位置（783px），这个位置应该根据窗口大小来计算，因为您正在为左设置一个高的数字，我想你希望这是在页面的右侧。。。因此，最好在CSST中使用right属性而不是left属性。这是一个链接。你能用JSFIDLE链接提供一个合适的HTML和CSS代码吗？你能在JSFIDLE中共享它吗？你设置了固定的left位置（783px），这个位置应该根据窗口大小来计算，因为你为left设置了一个很高的数字，我想你希望这是在页面的右侧。。。因此，最好在CSST中使用right属性，而不是left属性这是我能够获得效果的链接，但当窗口的分辨率更改时，当分辨率更高时，我面临问题div在分辨率较低时向右和向左移动，我想要的效果不是分辨率兼容我能够获得效果，但当窗口的分辨率改变时，当分辨率更高时，我会面临问题。当分辨率较低时，div会向右和向左移动，我想要的效果不是分辨率兼容我能够获得效果，但当窗口的分辨率改变时，当分辨率更高时，我会面临问题。当分辨率较低时，div会向右和向左移动，我想要的效果不是分辨率兼容左精细：0和最小宽度我可以得到效果，但当窗口的分辨率改变时，我面临问题，分辨率越高，div向右和向左移动，分辨率越低，我想要的效果不是分辨率兼容左精细：0和最小宽度