簡単だなあと感心していたclingify.jsによるナビメニューの固定だったが、Cocoonの構成とブラウザーとの相性(?)があるようで別の方法を探すことになった。

clingify.jsを使ってメニューを固定してみたけれど...
スクロールとともに消えてしまうメニューが残念なのでなんとかしたい。 簡単に要素を固定できる clingify.js を使う。
fifefoxではサブメニューも正常表示されるのだけれど、chromeもエッジもサブメニューが隠れてしまう。
javascript.js
1 2 3 4 5 6 7 8 9 10 11 |
$(function($) { var nav = $('#navi'), offset = nav.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { nav.addClass('naviFixed'); } else { nav.removeClass('naviFixed'); } }); }); |
style.css
1 2 3 4 5 6 7 |
/*ナビメニュー固定*/ .naviFixed { position: fixed; top: 0; width: 100%; z-index: 999; } |
今のところ、これでいけている。