jquery.colorbox.js が部分的に動作しない時に確認したこと

jquery.colorbox.js が部分的に動作しない、、、。(今回は最初に自動表示する部分は表示されますが、クリックして表示させる部分が表示されない状態でした。)

色々調査確認した結果、スムーススクロールが原因でした。

jQuery(function(){
   jQuery('a[href^=#]').click(function() {
	  var speed = 400;
	  var href= jQuery(this).attr("href");
	  var target = jQuery(href == "#" || href == "" ? 'html' : href);
	  var position = target.offset().top;
	  jQuery('body,html').animate({scrollTop:position}, speed, 'swing');
	  return false;
   });
});

今回はスムーススクロールがなくても問題ないサイトだったので、とりあえず上記のコードを削除。 Colorbox が正常に動作するようになりました。

他にも、ページ内アンカーとの衝突などが原因のケースが多いようです。

自己紹介

松田 大と申しますm(_ _)m
インディーズでミュージシャンをやっていたのですがいつのまにか...

とある企業でショップのアルバイトスタッフから正社員、支店長を経てシステム部門に異動するという、開発担当としては変わった経緯を持っている方だと思います。

「Excel VBA」からスタートして、Yamaha RTX シリーズで VPN環境構築、Hyper-V環境構築、Windowsアプリ開発などを経験した後、「 WordPress 」に出会い、どっぷりハマっています(^_^)。

現在勤めているJTクラウドシステムでは、「 WordPress 」を活用したWEBサイト、業務用WEBアプリケーション開発を中心に、記事の執筆代行や掲載に必要な情報のリサーチ、映像のテロップ入れや切りはりなどの簡単な動画編集なども、まとめて行なっています。

現在、代表取締役兼二児のパパ。イクメン目指して、公私ともに慌ただしくしています(笑)

コメントを残す