Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- (function($){
- /*
- * jQuery page scroll
- */
- var topBtn = $('#page-top'); // 先頭に戻るボタンの入るDOM
- var topHash = '#_top'; // 先頭に戻るボタンのhrefの中身
- var viewPos = 100; // 先頭に戻るボタンが表示される位置
- // jQuery 1.9 以降の対応用
- var isHtmlScroll = (function() {
- var html = $('html'),
- top = html.scrollTop();
- var el = $('<div/>').height(10000).prependTo('body');
- html.scrollTop(10000);
- var rs = !!html.scrollTop();
- html.scrollTop(top);
- el.remove();
- return rs;
- })();
- // 先頭に戻るボタンの表示
- $(window).scroll(function () {
- if ($(this).scrollTop() > viewPos ) {
- topBtn.fadeIn();
- } else {
- topBtn.fadeOut();
- }
- });
- // スムーズスクロール
- $('a[href*="#"]:not([href="#"]').click( function() {
- var href = this.hash;
- var $target = $(href == topHash || href == "" ? 'html' : href);
- if ( $target.size() ) {
- var top = $target.offset().top;
- $(isHtmlScroll ? 'html' : 'body').animate({
- scrollTop: top
- }, 'slow', 'swing');
- }
- return false;
- });
- })(jQuery);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement