通过更改页面布局保持按钮的位置

Question

我的页面上有这个锚点，但是当我点击它时，我还有另一个按钮，它会打开一个右侧面板。

如何调整我的锚点，以便当面板打开时，锚点将向左移动而不会粘在打开的侧面板内。

<a style="display:none;" href="#topOfPage" class="scrollup badge swell light_up"><i class="icon-chevron-up"></i></a>

如何向scrollup类添加right: 270px;，以便在单击其他按钮时移动它？

用于锚点的

css：

.scrollup {
position: fixed;
bottom: 80px;
right: 25px;
}

Answer 1

由于这个问题用Jquery标记，我猜你用它来分配click事件，在你的函数中添加这个：

$('#yourbutton').click(function(){
   $('.scrollup').css('right','300px'); /*Add this line original 25+275*/
})

或者您可以向元素添加另一个类，并获得对更改的更多控制，如：

CSS

.move {
   right:300px;
}

Jquery的

$('#yourbutton').click(function(){
   $('.scrollup').addClass('move');
}) 

Answer 2

  

您可以使用面板的宽度作为按钮的填充“右侧填充”。

     

感谢。