Advertisement
Guest User

Js custom scroll

a guest
Jan 21st, 2017
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.45 KB | None | 0 0
  1. var scrolled = window.pageYOffset || document.documentElement.scrollTop,
  2. container = $('.up-block-left-sections-details');
  3.  
  4.  
  5. container.bind('mousewheel', function(e) {
  6. var booksTreeHeight = $(".books-tree.info-books").height();
  7. if(container.height() > booksTreeHeight + 60 || !container.hasClass("fixed")) return;
  8. var height = container.height();
  9. var scrollHeight = container[0].scrollHeight;
  10. var st = container.scrollTop();
  11. var delta = e.originalEvent.wheelDelta < 0 ? true : false;
  12.  
  13. if((st >= scrollHeight - height - 5 && delta) || st == 0 && !delta) {
  14. e.preventDefault();
  15. }
  16. else{
  17. delta = 0;
  18. if (e.originalEvent.wheelDelta) delta = e.originalEvent.wheelDelta / 120;
  19. else if (e.originalEvent.detail) delta = -e.originalEvent.detail / 3;
  20. handle(delta);
  21. if (e.preventDefault) e.preventDefault();
  22. e.originalEvent.returnValue = false;
  23. }
  24.  
  25. function handle(delta) {
  26. var time = 1000;
  27. var distance = 180;
  28.  
  29. container.stop().animate({
  30. scrollTop: $(window).scrollTop() - (distance * delta)
  31. }, time );
  32. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement