Кнопка фиксированного положения

Question

Я хотел бы зафиксировать положение моей кнопки, потому что когда я нажимаю функцию ShowContacts загружает и отображает список контактов на экране, а моя кнопка переходит на нижнюю страницу;

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

Answer 1

Это проблема CSS не JQuery, вы можете это исправить, добавив следующее:

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

Подробнее о позиционирующих элементов CSS: http://www.w3schools.com/css/css_positioning.asp

Answer 2

Первые вещи первых, ваш вопрос меченых неправильно , Это не имеет никакого отношения к jQuery.

Чтобы исправить эту кнопку, добавить, например, следующий CSS:

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

, который фиксировал бы его в левом верхнем углу страницы.

Я настоятельно рекомендую, чтобы вы узнали о CSS первого

Дальнейшее чтение:

MDN CSS position

Edit:

Вы можете, однако, сделать это с помощью JQuery:

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