DEVELOPERS BLOGデベロッパーズブログ
- HOME >
- 加藤 正人のデベロッパーズブログ >
- scroll.js の chrome 対応のメモ
加藤 正人のデベロッパーズブログ
- 氏名
- 加藤 正人
- 役職
- 多分SE
- 血液型
- 秘密
- 出没
- 美味しいもののあるところ
- 特色
- タヒチ大好き。ちょいメタボ。
- 2020/12/15
- CakePHP3 のリダイレクトがうまく行かない例
- 2020/11/12
- Apache Bench
- 2020/10/05
- PhpSpreadsheet でExcel ファイルを読み込む (CakePHP3)
数年前に納品していたシステムで、「ページ内リンクが飛べない」という報告が上がって来た。
色々調べてみたところ、
- ページ内リンクをスムーズスクロールにするために 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');
とすることで解決。
関連エントリー
- 2014/04/26
- ブラウザで一時的にエンコードを変更する
2020/12/15
2020/11/12
2020/10/05
2020/09/11
2020/08/03