JavaScript専門のQ&Aサイト SUKEGRA

悩めるプログラマーを「ッターン!」と助太刀!

固定横並びリスト 横幅  


投稿者:hiro 投稿日時: 2015年10月21日
カテゴリー:なし
タグ:

横並びリスト上部固定でデザイン組んでいます。
なんとかposition: fixed;でリスト固定させるまでなりましたが、
以下のスクリプトにて、ご伝授頂いたノウハウでモニター拡大時は収まりましたが
モニターの縮小時には、リストが左端で固定されてしまいます。
親コンテンツのcssで中央寄せ(margin左右auto)など試しましたが、
JSで常時リアルタイムでscrollleftの値を取得しているらしく、F5(画面更新)では真ん中
になるのですが、ロールバー上下のたびに、やはり左に戻ってしまいます。
どうにか対処法ありませんでしょうか?


Web制作情報ブログさん
『CSSのfixedを適用していると横スクロール時に一部非表示になることがある』
http://iwb.jp/css-fixed-hidden/


$(window).on("scroll", function(){

$(".fixed").css("left", -$(window).scrollLeft());

});


0 支持

ログインまたはユーザー登録してから回答してください。

...