Прокрутка становится рывкой

76
6

У меня есть код, который позволяет мне прокручивать страницу. Проблема в том, что один из моих классов создает восходящую прокрутку, но затем, когда я вручную пытаюсь прокрутить страницу вниз, она прокручивается несколько раз! Это распространено? Как это исправить?

фрагмент из моего php-кода

$links .= '<a href="#!" class="sidenav-link" default-rel="'.$default_rel.'" rel="'.$rel.'"><i class="fa fa-'.$new_v['icon'].'"></i> '.$new_v['subheader_name'].'</a>';

И вот моя функция jquery, которая получает контент со страницы

function toggleContent(selector, event)
{
var queryString = createQueryString(selector);

$.ajax({
url: 'ajaxLoad.php?'+queryString,
method: 'GET',
success: function(response) {

$("#page-wrapper .container-fluid").html(response.html);
eval($(response.js).text());

//optional msg
var information = $(selector).attr("information");
var danger = $(selector).attr("danger");
if (!information == "")
{
displayInformation(information);
}
if (!danger == "")
{
displayDanger(danger);
}
//reset msg
$(selector).attr("information","");
$(selector).attr("danger","");

// run specific code
if (typeof runSpecific == 'function')
{
runSpecific(selector, event);
}

// scroll up
$(".btn, .list-group-item, .sidenav-link").on("click",function(){
$("html, body").animate({ scrollTop: 0}, 300);
});
}
});

// reset rel
$(selector).attr('rel', $(selector).attr('default-rel') );
}

Обратите внимание, что.btn и.list-group-item не создают эту проблему, только.sidenav-link.

спросил(а) 2015-12-31T06:20:00+03:00 4 года, 1 месяц назад
1
Решение
59

Хорошо, отлично, я нашел решение, которое прекрасно работает. Все, что мне нужно было сделать, это добавить функцию stop() перед функцией animate()!

ответил(а) 2015-12-31T07:44:00+03:00 4 года, 1 месяц назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема