スムーズスクロール
の編集
https://yassu.jp/pukiwiki/?%A5%B9%A5%E0%A1%BC%A5%BA%A5%B9%A5%AF%A5%ED%A1%BC%A5%EB
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
(no template pages)
[[jQueryめも]] aタグでページ内移動は実現できますが、スムーズスクロールを使用するとちょっとだけいい感じに見えます。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script> $(function(){ $('a[href^=#]').click(function() { var speed = 400; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); </script>
タイムスタンプを変更しない
[[jQueryめも]] aタグでページ内移動は実現できますが、スムーズスクロールを使用するとちょっとだけいい感じに見えます。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script> $(function(){ $('a[href^=#]').click(function() { var speed = 400; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); </script>
テキスト整形のルールを表示する