我试图弄清楚该怎么做。我认为最简单的方法可能是javascript。我有一个非常固执的社交图标容器。您可以在此处看到我之前的问题:Floating and element to the right at the bottom of footer我希望它位于页脚的底部/右侧,并在页脚的顶部/右侧垂直对齐并带有徽标。我发现最好的方法是在社交图标容器是这样的情况下到达所需位置:

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


现在的问题是,当调整浏览器的大小时,图标会移得太远。我当时想我可以使用一些JavaScript来连续检查浏览器的大小,并且浏览器移动的每个像素会自动从社交容器的right属性减小1 px。我也可以使用left属性,然后执行相反的操作。

可以这样做,如果可以的话,我该怎么做呢?

最佳答案

您可能会做一些与屏幕的宽度有关的事情,而不是屏幕变小或变大。如果您希望它从800px的宽度右边到80px,然后在700px的右边右边到70px,则可以执行以下操作:

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

10-05 22:53
查看更多