DEVELOPERS BLOGデベロッパーズブログ

  1. HOME > 
  2. 加藤 正人のデベロッパーズブログ > 
  3. scroll.js の chrome 対応のメモ

加藤 正人のデベロッパーズブログ

加藤 正人

氏名
加藤 正人
役職
多分SE
血液型
秘密
出没
美味しいもののあるところ
特色
タヒチ大好き。ちょいメタボ。

加藤 正人

2019/10/07

scroll.js の chrome 対応のメモ

 

数年前に納品していたシステムで、「ページ内リンクが飛べない」という報告が上がって来た。

色々調べてみたところ、

  • ページ内リンクをスムーズスクロールにするために scroll.js を使用
  • IE (Edge)、Firefox は問題ないが Chrome では問題が発生 (遷移しない)

という事が判明。いろいろネットで調べてみたら2017年末ごろから結構有名なトラブルだったらしい。

取り敢えずの解決法としては、scroll.js の中の

	$($.browser.safari ? 'body' : 'html').animate({scrollTop:position}, speed, 'swing');

	$('body,html').animate({scrollTop:position}, speed, 'swing');

とすることで解決。

関連タグ: scroll.js  Chrome 

関連エントリー

名古屋オフィス 東京オフィス

お気軽にお電話ください 052-875-9930 年中無休にて対応しております

WEBからのお問い合わせ

サイト内検索

入力例:CSS、ポータルサイトなど