Я пытаюсь предотвратить <a href="#id">link</a>
от прокрутки страницы до (0,0)
.
Я должен использовать " #
" (я должен оставаться на одной странице).
Каким образом можно предотвратить прокрутку страницы (jQuery/JavaScript/HTML/CSS)?
Примечание. (Прокрутка вверху происходит только тогда, когда я на iPad, я использую jQuery mobile 1.3.2).
У вас есть различные способы получить это через Javascript (это самый простой способ).
Вот пример использования JQuery:
$('#myLink').click(function(e) { e.preventDefault(); });
Вот пример использования чистого Javascript в HTML:
<a href='javascript:void(0);'>click here</a>
Чтобы сделать его прокруткой вверху вашего iPad, вы должны сначала определить, является ли браузер настольным приложением или мобильным приложением, и сделать это условным href на ссылке, выполняя поведение только в браузере iPad, что может быть гораздо сложнее.
Просто return false
в обработчике кликов, чтобы предотвратить переадресацию браузера на ссылку. Другой способ - вызвать preventDefault()
для объекта event
.
$('#myLink').click(function(e) {
//Do what you want to do here
return false;
});
Чтобы предотвратить все пустые ссылки, такие как <a href="#">Link</a>
на странице, добавьте это.
$(function() {
$( 'a[href$="#"]' ).each(function() {
$( this ).attr( 'href','javascript:void(0);' )
});
});
Он не прокручивается до (0,0)
, он прокручивает элемент с идентификатором id
См. Эту скрипку http://jsfiddle.net/HnC3L/ для примера