javascript - 增加任意位置固定

Question

如何使用 javascript 增加页面中每个位置:固定像素数？

例如:我有一个包含多个固定位置元素的网页，我使用 javascript 在顶部插入了一个工具栏。现在工具栏占用了 40px 的空间，所有固定元素都定位在 40px 之外。

我需要一些 javascript，我可以在引入工具栏的同时触发，该工具栏会将所有固定位置增加 40 像素。

Answer 1

您可以为每个固定元素提供一个公共(public)类，然后将所有这些元素作为目标:

<div class="fixed">
    some fixed element
</div>

js(jquery方法):

$('.fixed').each(function(){
    $(this).css('top', $(this).css('top') + 40 + 'px'); 
});

如果不使用 jquery，请参阅 aurel 的回答