按钮固定位置

Question

我想确定我的按钮的位置，因为当我点击function ShowContacts loads并在屏幕上显示联系人列表时，我的按钮会转到页脚页面；

<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