Остановить перемещение вкладок jquery в верхнюю часть страницы

0

Я создал вкладки на сайте с помощью jquery, так что 4 страницы данных могут быть показаны без обновления страницы. Изображение 174551

Это прекрасно работает, но есть одна причуда, от которой я хочу избавиться! Если ive немного прокручивается по первой странице, а затем на другой вкладке появляется вторая вкладка, но больше не прокручивается (т.е. она появляется, и страница перемещается вверх вверх). Это делает страницу "выглядящей" как бы ее перезарядку, даже если ее нет. Есть ли способ предотвратить перемещение страницы, то есть заблокировать полосу прокрутки в ее текущем положении?

Это скрипт для создания вкладок и загрузки различных разделов:

<script>
//add the tabs
$(document).ready(function() {
    $('.tabs a').click(function() {
    var $this = $(this);
    $('.panel').hide();
    $('.tabs a.active').removeClass('active');
    $this.addClass('active').blur();
    var panel = $this.attr('href');
    $(panel).fadeIn(250);
    return false;
    }); //end click
$('.tabs li:first a').click();
}); //end ready
</script>
  • 0
    Нужно увидеть ваш вывод, как насчет приготовления скрипки ???
  • 0
    Все в порядке, решение ниже работает!
Теги:

2 ответа

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

Попробуйте использовать e.preventDefault():

$('.tabs a').click(function(e) {
    e.preventDefault();
Поделиться
  • 0
    Это один! великолепно!
  • 1
    пришлось ждать 10 минут, чтобы принять :)
Показать ещё 1 комментарий
0

Используйте event.preventDefault(); Вы можете ограничить поведение по умолчанию, используя эту функцию и код в соответствии с вашими требованиями.

$( ".tabs a" ).click(function( event ) {
event.preventDefault();
});
Поделиться

Ещё вопросы

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