У меня проблема с функцией scrollTop jQuery. Каждый раз, когда кто-то нажимает на мою кнопку «back-to-top», макет разбивается, а анимация работает. Теперь вокруг него есть специальный код, просто кнопка.scrollTop (0);Jquery scrollTop разрывает макет, а прокрутка
Дизайн макета - это рамка с рамкой.
Спасибо за вашу помощь
Просто проверить, является ли сама функция не вызывает проблемы попробуйте поставить пустой DIV на самой верхней части тела разметки
</head>
<body>
<div id="test"></div>
...
...
<button id="test-button">Scroll to top</button>
</body>
, а затем в JS файл попытаться сделать это
var topButton = document.getElementById("test-button");
var test = document.getElementById("test");
topButton.onclick(function(){
test.get(0).scrollIntoView();
});
Это не является гладкой прокрутки, но если это работает, то остальная часть вашего HTML-разметки, вероятно, хорошо.
Жаль, что я не тестировал его, потому что я вычислил рабочее решение: ниже – user1410569
Как видно из вашего объяснения, вы хотите прокрутить вверх до щелчка по кнопке. Но вы не можете добавить scrollTop прямо к кнопке.
я ожидал бы использовать что-то вроде:
$('button').click(function(){
$('html').scrollTop(0);
})
бы это решить вашу проблему?
так я и делал это раньше. И это не удалось. Но читайте ниже для правильного рабочего исправления;) – user1410569
Это мое рабочее решение здесь:
$('button').click(function(){
$('html, body').animate({
'scrollTop': '0px'
});
}, 300);
Проблема becaused на момент прокрутки вверх.
Спасибо всем за помощь!
Можете ли вы добавить свой код к скрипту JS или скрипту PHP, чтобы мы могли видеть? –