ulli鼠标滚轮水平滚动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ulli鼠标滚轮水平滚动相关的知识,希望对你有一定的参考价值。

参考技术A 打开电脑上的“控制面板”模块,再点击“硬件和声音”模块位置。再点击方框中“鼠标”选项位置,点击“滚轮”选项卡,设置方框中的选项,这样就可以设置鼠标水平滚动了。
同样方法也可以取消鼠标水平滚动。
参考技术B 开门见山。ulli鼠标滚轮水平滚动。水平滚动就是横向滚动的意思. 当你页面内容横向溢出的时候,出现的滚动条。

水平鼠标滚轮滚动

  1. /* Copyright 2008 Paul Bennett - http://paulicio.us
  2.  * Scroller.js
  3.  * Captures mouse wheel events and runs the ScrollSmoothly
  4.  * function based on their output.
  5.  * Aims to aid usability by allowing the user to scroll the
  6.  * page horizontally smoothly using only their mousewheel.
  7.  * Mousewheel event capture by Adomas Paltanavičius at http://adomas.org/
  8.  */
  9.  
  10. function handle(delta) {
  11. if (delta <0)
  12. ScrollSmoothly(10,10,'right');
  13. else if (delta >0)
  14. ScrollSmoothly(10,10,'left');
  15. else
  16. ;
  17. }
  18.  
  19. function wheel(event){
  20. var delta = 0;
  21. if (!event)
  22. event = window.event;
  23. if (event.wheelDelta) {
  24. delta = event.wheelDelta/120;
  25. if (window.opera)
  26. delta = -delta;
  27. } else if (event.detail) {
  28. delta = -event.detail/3;
  29. }
  30. if (delta)
  31. handle(delta);
  32. if (event.preventDefault)
  33. event.preventDefault();
  34. event.returnValue = false;
  35. }
  36.  
  37. var repeatCount = 0;
  38.  
  39. function ScrollSmoothly(scrollPos,repeatTimes, direction) {
  40. if(repeatCount < repeatTimes)
  41. if(direction == 'right')
  42. window.scrollBy(20,0);
  43. else
  44. window.scrollBy(-20,0);
  45. else
  46. {
  47. repeatCount = 0;
  48. clearTimeout(cTimeout);
  49. return;
  50. }
  51. repeatCount++;
  52. cTimeout = setTimeout("ScrollSmoothly('" + scrollPos + "','"+ repeatTimes +"','"+ direction +"')",10);
  53. }
  54.  
  55. /* Initialization code. */
  56. if (window.addEventListener)
  57. window.addEventListener('DOMMouseScroll', wheel, false);
  58. window.onmousewheel = document.onmousewheel = wheel;

以上是关于ulli鼠标滚轮水平滚动的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 鼠标滚轮水平滚动

水平鼠标滚轮滚动

用鼠标滚轮水平滚动页面

如何使用鼠标滚轮移动 SSMS 上的水平条?

JavaScript 中的鼠标滚轮倾斜与滚动,scrollTop

怎样设置div内容鼠标滚轮滚动