javascript - 如何更改网页中下拉滚动条的初始位置？

Question

通常当带有链接或拖动元素的鼠标到达视口(viewport)的底部/顶部时，网页会自动向下滚动或向上滚动。我需要更改网页开始滚动的位置，网页或特定<div>当拖动元素到达视口(viewport)的某个距离时向下/向上滚动。如何实现这一点。我正在使用 Angular 拖放列表插件。

默认滚动开始位置:

自定义滚动开始位置(我需要这个结果):

Answer 1

可能您需要一些基于 drag 的 js 代码事件。

快速 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>

另外，请注意浏览器版本支持和手机屏幕问题