scrollpane.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. var api;
  2. var e;
  3. var trig = true; //等于true时,可触发事件
  4. function scrll(){
  5. var height =document.documentElement.clientHeight;
  6. $("#jp-container").css("height",height-40);
  7. var pane = $('.jp-container');
  8. pane.jScrollPane({
  9. showArrows: true,
  10. });
  11. api = pane.data('jsp');
  12. pane.bind('jsp-scroll-y',function(event, scrollPositionY, isAtTop, isAtBottom){
  13. if(isAtBottom && trig){
  14. trig = false;
  15. loadnext(); //动态加载内容
  16. }
  17. });
  18. };
  19. function scrllTask(){
  20. var height =document.documentElement.clientHeight;
  21. $("#jp-container").css("height",height-100);
  22. var pane = $('.jp-container');
  23. pane.jScrollPane({
  24. showArrows: true,
  25. });
  26. api = pane.data('jsp');
  27. pane.bind('jsp-scroll-y',function(event, scrollPositionY, isAtTop, isAtBottom){
  28. if(isAtBottom && trig){
  29. trig = false;
  30. loadnext(); //动态加载内容
  31. }
  32. });
  33. };
  34. function loadnext(){
  35. api.reinitialise(); //滚动区域改变,刷新滚动条
  36. setTimeout(function(){trig=true;},500); //设置1秒后,滚动到底事件才可出发,防止连续出发导致浏览器死机
  37. }