js进阶之橱窗展示

思路

  1. 获取需要的标签

  2. 求出滚动条的长度(公式:滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽度)

  3. 监听鼠标按下事件:3 设置起始位置

  4. 监听鼠标的移动:4.1求出移动的位置
    4.2判断滚动条的位置(防超出)
    4.3 移动滚动条、商品滚动(公式:内容走的距离 = (内容的长度 - 盒子的长度) / (盒子长度 - 滚动条的长度) * 滚动条走的距离);

  5. 监听鼠标的离开事件:把鼠标的移动事件设置为无即可。

    


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部