js手动触发鼠标滚动事件

-1

[已解决问题] 解决于 2018-09-20 11:06

在一个图片上使用鼠标上下滑动，可以实现图片的放大和缩小
这个功能已经做出来了，是用jquery smart-zoom插件实现的

现在要添加两个按钮，实现相同的功能：
点击一个按钮模拟鼠标向上滑动，放大图片
点击另一个按钮模拟鼠标向下欢动，缩小图片

图片在一个div中，放大后这个div大小不变，图片可以上下左右进行拖动，用来查看细节

teagueli | 初学一级 | 园豆：75
提问于：2018-09-19 20:23

< >

最佳答案

。。。
有一个css属性叫 transform: scale(2);

配合上 transition: transform 0.7s; 有奇效哟！~~~~~

在加上class绑定我去太完美了。。

嗯没错我再自言自语

奖励园豆：5

blurs | 小虾三级 |园豆：660 | 2018-09-20 10:03

谢谢回复。css3实现的缩放，在放大后可以左右拖动图片吗

teagueli | 园豆：75 (初学一级) | 2018-09-20 10:27

@寻找薛定谔的猫: 实现拖动有2个思路

css有一个叫做 transition: translate( , ); 位移不过他和缩放要一起使用 transform: scale(2) translate( x , y ) ; 这里的x y；
那就是万能的全局定位 + left top 究极组合了。。
以上都是常识当我没说

总结可以左右拖动不过我不建议你使用缩放了。因为缩放之后的div拖动的时候要计算缩放系数，。。还是用放大宽高实现吧。。

blurs | 园豆：660 (小虾三级) | 2018-09-20 10:32

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。