2015-04-01 40 views

回答

0

也许你可以渲染this plugin同样的效果。 有可能会被一些设置,只允许x轴旋转。

这里是​​事件,你现在可以在此基础上添加自己的mousewheel事件:

... 
$(document).keydown(function(evt) { 
      switch(evt.keyCode) 
      { 
       case 37: // left 
        viewport.move({y: viewport.y - 90}); 
        break; 

      case 38: // up 
       evt.preventDefault(); 
       viewport.move({x: viewport.x + 90}); 
       break; 

      case 39: // right 
       viewport.move({y: viewport.y + 90}); 
       break; 

      case 40: // down 
       evt.preventDefault(); 
       viewport.move({x: viewport.x - 90}); 
       break; 

      case 27: //esc 
       viewport.reset(); 
       break; 

      default: 
       break; 
     }; 
... 

更新1:

这里是一个Live Demo我permiss自己,为了给你一个3D立方体效果为例

这是基于一个古老的SO给出的答复here

+0

谢谢答案编辑。我试图通过鼠标滚轮找到唯一的多维数据集滚动。我发现[这个插件](http://www.jqueryscript.net/layout/jQuery-Based-One-Page-Scrolling-Navigation-with-3D-Transforms.html)和[this](http:// www。 jqueryscript.net/layout/Fullscreen-3D-One-Page-Scrolling-Effect-with-jQuery-CSS3.html)但他们不是那样的网站。 – 2015-04-01 07:52:33

+0

请参阅我的答案中的“更新1”。 – EdenSource 2015-04-01 08:01:03

相关问题