Как я могу предотвратить ссылку, чтобы отправить меня в начало страницы

0

Я пытаюсь предотвратить <a href="#id">link</a> от прокрутки страницы до (0,0).

Я должен использовать " # " (я должен оставаться на одной странице).

Каким образом можно предотвратить прокрутку страницы (jQuery/JavaScript/HTML/CSS)?

Примечание. (Прокрутка вверху происходит только тогда, когда я на iPad, я использую jQuery mobile 1.3.2).

4 ответа

4
Лучший ответ

У вас есть различные способы получить это через Javascript (это самый простой способ).

Вот пример использования JQuery:

$('#myLink').click(function(e) { e.preventDefault(); });

Вот пример использования чистого Javascript в HTML:

<a href='javascript:void(0);'>click here</a>

Чтобы сделать его прокруткой вверху вашего iPad, вы должны сначала определить, является ли браузер настольным приложением или мобильным приложением, и сделать это условным href на ссылке, выполняя поведение только в браузере iPad, что может быть гораздо сложнее.

1

Просто return false в обработчике кликов, чтобы предотвратить переадресацию браузера на ссылку. Другой способ - вызвать preventDefault() для объекта event.

$('#myLink').click(function(e) {  

//Do what you want to do here

return false; 

});
0

Чтобы предотвратить все пустые ссылки, такие как <a href="#">Link</a> на странице, добавьте это.

$(function() {
  $( 'a[href$="#"]' ).each(function() {
    $( this ).attr( 'href','javascript:void(0);' )
  });
});
0

Он не прокручивается до (0,0), он прокручивает элемент с идентификатором id

См. Эту скрипку http://jsfiddle.net/HnC3L/ для примера

Ещё вопросы

Сообщество Overcoder
Наверх
Меню