-1

スタイルを正しく変更していますか？スクロールするためにoverflow-xを変更しようとしています。動いていない。

css

div.anythingSlider .anythingControls .anythingNavWindow {
margin-top: 15px;
overflow-x:hidden;
float: left;
}

js

$("div.anythingSlider .anythingControls .anythingNavWindow").css({"overflow-x":"scroll"});
4

4 に答える 4

1

あなたの例はクラスを変更するのではなく、jQueryでインラインスタイルを変更することでクラスをオーバーライドしています。

使用しているブラウザによっては、両方が定義されていない限りoverflow-x、プロパティとoverflow-yプロパティが無視されることがあります。おそらく、クラスでの値を指定する必要があります。overflow-y

于 2012-04-12T18:09:09.933 に答える
0

試していただけませんか:(推測してください）

$("div.anythingSlider .anythingControls .anythingNavWindow").css("overflow-x", "scroll");
于 2012-04-12T18:10:17.907 に答える
0

そこで行っているのは、セレクター「div.anythingSlider .anythingControls .anythingNavWindow」に対応するすべての要素を選択することですが、クラス定義自体は変更しません。クラスを変更したい場合は、追加のクラスを少しいじる必要があるかもしれません。そのため、CSSシートは次のようになります。

div.anythingSlider .anythingControls .anythingNavWindow {
  margin-top: 15px;
  overflow-x:hidden;
  float: left;
}

div.anythingSlider.withOverflow .anythingControls .anythingNavWindow {
  overflow-x: scroll;
}

このようにして、jQueryを使用して、変更するanythingSlider要素を選択し、次のような操作を行うことができます。

$("div.anythingSlider").addClass("withOverflow")
于 2012-04-12T18:10:43.867 に答える
0

このステートメントはCSSクラス定義を変更しません。overflow-x: scroll一致したセレクター要素にスタイルを適用します。

于 2012-04-12T18:12:23.180 に答える