首页 新闻 搜索 专区 学院

js手动触发鼠标滚动事件

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

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

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

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

寻找薛定谔的猫的主页 寻找薛定谔的猫 | 初学一级 | 园豆:79
提问于:2018-09-19 20:23
< >
分享
最佳答案
0

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

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

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

嗯 没错 我再自言自语

奖励园豆:5
blurs | 小虾三级 |园豆:667 | 2018-09-20 10:03

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

寻找薛定谔的猫 | 园豆:79 (初学一级) | 2018-09-20 10:27

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

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

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

blurs | 园豆:667 (小虾三级) | 2018-09-20 10:32
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册