Можно ли прокрутить элемент с Jquery? - PullRequest
0 голосов
/ 28 января 2020

Я пытаюсь прокрутить вниз указанный элемент c на странице. Я уже пытался прокрутить вниз, как это так

$('html,body').animate({
        scrollTop: $(window).scrollTop() + 100
    })

Несмотря на то, что я не хочу прокручивать страницу вниз, я хочу прокрутить внутри элемента. Решение не обязательно должно быть в jquery, но оно предпочтительнее

РЕДАКТИРОВАТЬ: также пробовал следующее

$('._1mseJ').eq(0).animate({
        scrollTop: $(window).scrollTop() + 100
    })

1 Ответ

2 голосов
/ 28 января 2020

Это прокрутить до конца:

$container[0].scrollTop может иметь диапазон от 0 до $container[0].scrollHeight - $container[0].clientHeight, что означает прокрутку до самого конца:

let $container = $("#container");

$container.animate({
  scrollTop: $container[0].scrollHeight - $container[0].clientHeight
}, 2000);

$container.on("scroll", function(ev) {
  $container.css({
    background: ($container[0].scrollTop === $container[0].scrollHeight - $container[0].clientHeight) ? "yellow" : "#ffc"
  });
});
#container {
  font-size: 128px;
  width: 128px;
  height: 160px;
  overflow: scroll;
  border: 1px dotted #07f;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
scrolling by user to the end => yellow background.<br> jQuery scrolling to the end also follows that rule.
<div id="container">
  1 2 3 4 5 6
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...