Как изменить начальную позицию прокрутки вниз на веб-странице?

Question

Обычно веб-страница автоматически прокручивается вниз или прокручивается вверх, когда мышь со ссылкой или элементом перетаскивания достигает нижней / верхней части порта просмотра. Мне нужно изменить положение начальной прокрутки веб-страницы, веб-страницы или конкретной <div> прокруткивниз / вверх, когда перетаскиваемый элемент достигает некоторого расстояния от порта просмотра. Как этого добиться.Я использую плагин angular-drag-and-drop-lists.

Начальная позиция прокрутки по умолчанию:

Настройка начальной позиции прокрутки (мне нужен этот результат):

Answer 1

Возможно, вам нужен код js, основанный на событии drag .

Пример быстрого html:

<a href="" ondrag="calcCoords(event)">Example link</a>

<script>
//Put distance you want to scroll from
var youMaxDist = 50;
var scrollSpeed = 10;

function calcCoords(event) {

   //Distance to buttom. It isn't works fine, but good enough
   var currDist = window.innerHeight - event.clientY;

   //Trigger scroll
   if(currDist < youMaxDist)
     window.scrollTo(0, document.documentElement.scrollTop + scrollSpeed);
}
</script>

Также, пожалуйста, обратите внимание на поддержку версий браузераи проблемы с мобильным экраном