马刺为啥不播鼠标鼠标无法拖动文件件?

来源：蜘蛛抓取(WebSpider) 时间：2019-04-09 00:53 标签： 鼠标无法拖动文件

滚动条在web开发中很常见，原生嘚HTML滚动条很难看因此很多网站借助JS来模拟实现滚动条效果；

滚动条的实现原理其实比较简单，拿垂直滚动条来说：

1）最外层容器需要設置overflow:hidden，里层容器的高度（滚动框）一亘高过最外层容器就会出现右侧绝对定位的滚动条，并且还要在外层容器上面监听鼠标滚轮事件根据滚动的速度设置右侧滚动条的top值;

2），给右侧滚动条监听鼠标拖动事件当拖动滚动条的时候，滚动框内的内容会发生相应的滚动这裏就要求计算出滚动框的滚动距离；

3），滚动距离 = 滑块移动距离 ÷ 窗口高度 x 页面长度；

原理虽然简单但还需再补充一点，由于鼠标的滚輪事件各个浏览器的兼容性存在问题

// 滚动距离 = 滑块移动距离 ÷ 窗口高度 x 页面长度

你对这个回答的评价是

你对这個回答的评价是？

我要回帖

更多关于 鼠标无法拖动文件 的文章

 

随机推荐