サクサク読めて、アプリ限定の機能も多数!
“$(function () { var $body = $('body'), $navTypeA = $('.nav--typeA'), navTypeAOffsetTop = $navTypeA.offset().top; $(window).on('scroll', function () { if($(this).scrollTop() > navTypeAOffsetTop) { $body.addClass('is-fixed'); } else { $body.removeClass('is-fixed'); } }); });”
yoyo9140 のブックマーク 2015/01/21 23:45
スクロール位置によってサイドバーやナビゲーションを固定・解除する jQuery のシンプルな実装方法と注意点“$(function () { var $body = $('body'), $navTypeA = $('.nav--typeA'), navTypeAOffsetTop = $navTypeA.offset().top; $(window).on('scroll', function () { if($(this).scrollTop() > navTypeAOffsetTop) { $body.addClass('is-fixed'); } else { $body.removeClass('is-fixed'); } }); });”2015/01/21 23:45
“$(function () { var $body = $('body'), $navTypeA = $('.nav--typeA'), navTypeAOffsetTop = $navTypeA.offset().top; $(window).on('scroll', function () { if($(this).scrollTop() > navTypeAOffsetTop) { $body.addClass('is-fixed'); } else { $body.removeClass('is-fixed'); } }); });”
このブックマークにはスターがありません。 最初のスターをつけてみよう!
h2ham.net2014/08/23
ページをスクロールしていると、途中から要素が固定表示される動きをするサイトを時折見ます。ナビゲーションだったりサイドバーの目立たせたいところだったり、用途は様々。 例えば、SaCSS の 以前のスペシャル...
15 人がブックマーク・2 件のコメント
\ コメントが サクサク読める アプリです /
“$(function () { var $body = $('body'), $navTypeA = $('.nav--typeA'), navTypeAOffsetTop = $navTypeA.offset().top; $(window).on('scroll', function () { if($(this).scrollTop() > navTypeAOffsetTop) { $body.addClass('is-fixed'); } else { $body.removeClass('is-fixed'); } }); });”
yoyo9140 のブックマーク 2015/01/21 23:45
このブックマークにはスターがありません。
最初のスターをつけてみよう!
スクロール位置によってサイドバーやナビゲーションを固定・解除する jQuery のシンプルな実装方法と注意点
h2ham.net2014/08/23
ページをスクロールしていると、途中から要素が固定表示される動きをするサイトを時折見ます。ナビゲーションだったりサイドバーの目立たせたいところだったり、用途は様々。 例えば、SaCSS の 以前のスペシャル...
15 人がブックマーク・2 件のコメント
\ コメントが サクサク読める アプリです /