javascript - 对于每个像素更小或更大的浏览器，从 div 右侧元素添加/删除 1px

Question

我试图弄清楚如何做到这一点。我认为最简单的方法可能是 javascript。我有一个非常顽固的社交图标容器。您可以在这里看到我之前的问题：页脚底部右侧的浮动和元素我希望它位于页脚的底部/右侧，与页脚顶部/右侧的徽标垂直排列。我发现将它放在我想要的位置的最佳方法是社交图标容器如下所示：

position:absolute;
bottom:0;
right:80px;

现在的问题是当浏览器调整大小时，图标移动得太远了。我在想我可以使用一些 javascript 来不断检查浏览器的大小，并且对于浏览器移动的每个像素，它会自动从right社交容器的属性中减少 1 px。我也可以使用 left 属性，反之亦然。

可以做到这一点，如果可以，我该怎么做？

score 1 · Accepted Answer

您可能会根据屏幕的宽度做一些事情，而不是屏幕变小或变大。如果您希望它在 800px 宽度处从右侧 80px，然后在 700px 处向右 70px，您可以执行以下操作：

$( document ).ready(function() {
    $( window ).resize(function() { 
        $('div').css("right", $(window).width() / 10 ); 
    });
});

1 回答 1