9

固定位置の右側のサイドバーを備えた現在の Web ビルドがあります。右から配置しようとしましたが、他の div コンテンツと重複したくありません。

私が探しているのは、ビューポート ウィンドウの外にあるときにコンテンツを右に水平にスクロールできるようにすることです。どんな助けでも大歓迎です。

これと同様: http://demo.rickyh.co.uk/css-position-x-and-position-y/ただし、これを機能させることはできません。

これは別の方法で解決されました。実際に支援を検討してくれた方々に感謝します。

4

3 に答える 3

22

固定divを保持します。

そして、水平方向の移動を処理する次の JavaScript コードを用意します。

$(window).scroll(function(){
  $('.fixed_div').css('left',-$(window).scrollLeft());
});
于 2012-10-18T16:04:12.657 に答える
1

次に、#sidebar にもう 1 つのプロパティを追加します

#sidebar {
width:400px;
height:550px;
padding:10px;
float:left;
text-transform:uppercase;
position:fixed;
left:835px;
overflow:scroll-x;
}
于 2011-05-20T04:58:20.950 に答える
0

そのサンプルサイトは、その効果を生成するためにcssだけではありません。また、MooToolsプラグインであるScrollSpyを使用しています。 http://davidwalsh.name/mootools-scrollspy

スクリプトと完全なcssを確認するには、http：//demo.rickyh.co.uk/css-position-x-and-position-y/でソースを表示し てください。

于 2011-06-09T04:31:10.430 に答える