Question

我想修复我的按钮的位置，因为当我点击功能ShowContacts加载并在屏幕上显示联系人列表并且我的按钮转到页脚页面时;

<button class="btn" 
    type="button" 
    id='button1' 
    style="visibility: hidden" 
    onclick="showContacts()">
        Show Contacts
</button>

Answer 1

首先，您的问题被标记为不正确。这与jQuery无关。

要修复该按钮，请添加以下css：

.btn{
  position: fixed;
  left: 0;
  top: 0:
}

会将其固定在页面的左上角。

我强烈建议您先了解CSS

进一步阅读：

MDN CSS position

修改

但是，您可以使用jquery来实现此目的：

$('.btn').css({ 'position':'fixed', // more rules );

Answer 2

这是一个CSS问题而不是JQuery，您可以通过添加以下内容来修复它：

#button1 {
 position: fixed; // or relative
 bottom: 0px;
 right: 0px;
}

详细了解如何定位CSS元素：http://www.w3schools.com/css/css_positioning.asp

按钮固定位置

2 个答案: