2015-04-01 30 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

相關問題