1

ここに私が欲しいものがあります。トップバーとナビゲーションメニューをバーに付けたいです。私はこれを問題なく行いました。上下にスクロールするとバーとナビゲーションメニューが追従するようにしたいのですが、位置を固定してこれを行うことができます。しかし、私が固定位置を持っている場合、左から右にスクロールすると、それらは続きます。

ユーザーが上下にスクロールすると、トップバーとナビゲーションメニューの両方が追従するようにしたいのですが、左から右にスクロールすると、絶対位置のように動作し、部分的または完全に非表示になります(ユーザーがどれだけスクロールします）。

これは可能ですか？いくつかのトピックを見てきましたが、うまく機能させることができませんでした。

ここに私のjfiddleがありますhttp://jsfiddle.net/kyleseitz/rX4Vh/11/

下にスクロールするとすべてが下に移動し、上にスクロールすると元に戻ります。しかし、水平スクロールバーを取得した場合は、表示ウィンドウをその上に渡したいと思います。

以前の質問で JavaScript を見つけましたが、うまく動作しません。

.slim {position: absolute;}


<div id="phantombar" class="slim">

<!--I Technically don't need these if they are not neccessary-->    
<div id="phantombar" class="fixed_elem">
<div id="headWrap">
4

2 に答える 2

0

これを使ってみてください。多分うまくいく：

$(function(){
   var elements = $('#ptm, #spt, #support, #act, #left_nav');
   elements.css('position', 'absolute');

   $(window).scroll(function(){
       if($(this).scrollLeft()){
           elements.removeAttr('style').css('position', 'absolute');
       }else{
           elements.removeAttr('style').css('position', 'fixed');
       }
   });
});

elements必要に応じて、さらに追加できますか。

于 2013-07-25T03:09:18.000 に答える
0

ScrollToFixed は、ページ上の要素 (上部、下部、任意の場所) を修正するために使用される jQuery プラグインです。ただし、要素は水平スクロールで左右に移動し続けることができます。

ウェブサイト: https://github.com/bigspotteddog/ScrollToFixed

デモ: http://bigspotteddog.github.io/ScrollToFixed/

于 2013-10-10T18:51:04.373 に答える