css - 按钮固定位置

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 位置

编辑：

但是，您可以使用 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