У меня есть полноэкранный фиксированный div, с содержимым от ajax-запроса. Div прокручивается, потому что имеет много контента. И теперь, внизу, мне нужна кнопка для прокрутки вверху div. Я пробую прокрутить с <a href="#divId"></a>
, но, похоже, не работает, симулирует ScrollTop()
до div
тоже не работает.Исправлено div с верхней кнопкой прокрутки
ответ
Заменить longDiv
с сНом ид.
<div id="longDiv">Bla bla bla</div>
<button>Scroll to top</button>
<script>
$(document).ready(function() {
$('button').click(function() {
$('#longDiv').scrollTop(0);
});
});
</script>
Рабочая JSFiddle:https://jsfiddle.net/8hasscb6/
Если вы предпочитаете его анимировать, вы можете использовать .animate()
:
<script>
$(document).ready(function() {
$('button').click(function() {
$('#longDiv').animate({ scrollTop: "0px" });
});
});
</script>
JSFiddle:https://jsfiddle.net/8hasscb6/1/
Попробуйте
<a onclick="scroll(0,0)">
Это должно пойти наверх
@hungerstar Да и div фиксирован, чтобы он мог изменять входные значения. –
@hungerstar Поместите код в .html-файл и запустите его в браузере. Я работаю, я тестировал его, я думаю, что jsfiddle принимает код js, который написан только в его поле –
@hungerstar Нет проблем, он также может использовать jquery для анимации, потому что у него уже есть –
- 1. Как изменить Div на «Исправлено» после прокрутки
- 2. Исправлено div в верхней части страницы
- 3. Navbar исправлено в верхней части div
- 4. Исправлено div внутри div с прокруткой прокрутки div
- 5. Исправлено div рядом с родительским div
- 6. Div с полосой прокрутки внутри div с положением: исправлено
- 7. Исправлено div над моим окном прокрутки
- 8. Исправлено Div Останавливает всю страницу из прокрутки
- 9. Исправлено Div внутри родителя
- 10. прокрутки DIV с «средней кнопкой» мыши мгновенно
- 11. Исправлено положение полосы прокрутки?
- 12. Исправлено div в родительском div
- 13. Исправлено совпадение фона div с перекрывающимися полосами прокрутки браузера
- 14. Исправлено меню прокрутки внутри контейнера
- 15. div opacity на верхней части прокрутки
- 16. Исправлено Div не прокручивается
- 17. Исправлено inscreen div
- 18. Исправлено div и высота высоты div под
- 19. Исправлено DIV внутри прокручиваемого DIV
- 20. Исправлено div, связанное с другим div
- 21. Div скрывается за div с «позицией: исправлено»?
- 22. Центрирующее положение: исправлено div
- 23. Видео исправлено в div
- 24. Исправлено меню и проблемы с div
- 25. Исправлено div внизу
- 26. Как прокрутки DIV с вертикальной полосой прокрутки
- 27. CSS выцветший раздел в верхней части прокрутки div
- 28. Изменить край верхней части div на основе прокрутки окна
- 29. Полоса прокрутки внутри и сверху верхней части Div
- 30. Фон прокрутки за положением: исправлено; на прошивке
Я интересно, где ваш код (HTML/JS)? Кроме того, я считаю, что на это был дан ответ до: http://stackoverflow.com/questions/5846595/how-to-scroll-an-item-inside-a-scrollable-div-to-the-top – hungerstar
Ну, 'ScrollTop()' будет работать только с нижним регистром 's'. Кроме того, вы не хотите 'scrollTop()' * to * 'div', вы хотите установить' scrollTop() '* of * div (to 0). См. Мой ответ с рабочим примером. – Santi
@Santi да, тот работает безупречный! – Michaell94