如何使用鼠标单击并使用Javascript拖动来滚动图像

时间:2014-03-12 15:29:35

标签: javascript html css

你知道如果图像是大的,它会使页面超长/宽吗?您必须使用鼠标滚轮向下滚动并通过单击底部的小条并向右拖动来向右拖动。好吧,我需要把它放在你可以点击并拖动滚动的地方,因为我在一个我正在创建的游戏中有一张地图,并且可以更好地工作。这是我想要的一个例子:

http://scripterlative.com/files/dragscroll.htm?u=1

但问题在于你必须支付代码,我目前的预算是0美元。

基本上,我不知道该怎么做。我已经查看了其他一些问题和内容,但没有一个真正回答我的问题,因为他们使用的是Jquery,Java或其他编码语言,我需要使用Javascript。

提前致谢!

1 个答案:

答案 0 :(得分:4)

下载dragscroll.js(https://github.com/asvd/dragscroll),链接到dragscroll.js文件,并在div中使用class=dragscroll

示例:

<div class=dragscroll>
    Big text goes here...
</div>