Advertisement
Guest User

Untitled

a guest
Jul 2nd, 2016
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.25 KB | None | 0 0
  1. (function($){
  2.  
  3. /*
  4. * jQuery page scroll
  5. */
  6.  
  7. var topBtn = $('#page-top'); // 先頭に戻るボタンの入るDOM
  8. var topHash = '#_top'; // 先頭に戻るボタンのhrefの中身
  9. var viewPos = 100; // 先頭に戻るボタンが表示される位置
  10.  
  11. // jQuery 1.9 以降の対応用
  12. var isHtmlScroll = (function() {
  13. var html = $('html'),
  14. top = html.scrollTop();
  15. var el = $('<div/>').height(10000).prependTo('body');
  16. html.scrollTop(10000);
  17. var rs = !!html.scrollTop();
  18. html.scrollTop(top);
  19. el.remove();
  20. return rs;
  21. })();
  22.  
  23. // 先頭に戻るボタンの表示
  24. $(window).scroll(function () {
  25. if ($(this).scrollTop() > viewPos ) {
  26. topBtn.fadeIn();
  27. } else {
  28. topBtn.fadeOut();
  29. }
  30. });
  31.  
  32. // スムーズスクロール
  33. $('a[href*="#"]:not([href="#"]').click( function() {
  34. var href = this.hash;
  35. var $target = $(href == topHash || href == "" ? 'html' : href);
  36. if ( $target.size() ) {
  37. var top = $target.offset().top;
  38. $(isHtmlScroll ? 'html' : 'body').animate({
  39. scrollTop: top
  40. }, 'slow', 'swing');
  41. }
  42. return false;
  43. });
  44. })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement