前 | 2017年 5月 |
次 | ||||
日 | 月 | 火 | 水 | 木 | 金 | 土 |
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
よくあるヤツに追加してみる.
var d = $(window); $('a=[href^="#"]').on('click', function() { var p = $(this.hash); var t = (p.height() < d.height()) ? p.offset().top - (d.height() - p.height()) : p.offset().top; $('html,body').animate({scrollTop: t}, 400, 'swing'); }
自分で使って気持ち悪い所を修正した.
スクロール先のブロック(縦)が画面サイズ(縦)より短い場合「スクロールしすぎ!」と感じたので、その場合はそのブロックが画面上で全て表示できるところで止める!
ちょっとはマシになるかな.
(まだコードを試していないが、ちゃんと動くと・・・・思ふ・・・・)