楽天商品ページでのヘッダーナビ表示について

Question

お世話になっております。　　パラボッセの内堀です。

三京商会のバッグフェア会場のようなナビの表示を、楽天の商品ページでしたいと思っています。
http://www.rakuten.ne.jp/gold/sankyo/bag/

画面の途中で表示しているナビの部分がスクロールしていくうちに画面の一番上に来たら、ずっと一番上に表示
としたいです。

goldだったら、何pxか移動したら表示させる、とすればいいだろうと思うのですが
商品ページでやりたいので、看板の部分がイベント毎にバナーを張り付けたりして縦の長さが変わるのでどうしたらできるかな？と思います。
何かアンカーを付けたら、のところに来たら、みたいな条件でできるのでしょうか？

Answer

このようなナビの表示には、ｊQueryとCSSを組み合わせたテクニックを使用しております。
解説は、下記ページをご参照ください。
http://web-pc.net/jquery008

実現させる場合は、
現在のスクロール位置と、商品ページ内にある要素の位置を
javascriptで取得する必要があるのですが、
商品ページ内ではjavascriptが使えず、
内のGOLDページからは、ドメインが違う為（item.rakuten.co.jpとwww.rakuten.ne.jp）
javascriptによるアクセスができない為、
現在の環境ではこのような表示をさせることができません。

Answer

JQueryにあったのですね。
ページ案内ありがとうございます。
ちなみに、今回のように JQuery でことが済むのであれば、JQuery の種類を自分で調べられたらと思うのですが、
どんな JQuery があるか調べるときはどうしたら良いのでしょうか？
どこか目次になるようなサイトがあるのでしょうか？

商品ページでは実現できないこと承知しました。

Answer

正確には、ｊQuery自体ではなく、
jQueryという基本機能を用いて拡張機能を追加する
「プラグイン」と呼ばれるソフトです。

jQuery用プラグインは、各人が自由に様々な機能を作っておりますので、
「jQuery プラグイン」などでGoogle検索していただき、
下記のようなまとめサイトで、どんなプラグインがあるのかをご確認ください。
http://www.skuare.net/test/jQuery.html
http://ascii.jp/elem/000/000/818/818527/
http://ozpa-h4.com/2014/08/07/jquery-plugin/
http://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2013-best.html

Answer

「プラグイン」であること承知しました。
たくさんご紹介頂きましてありがとうございます。