0

私は skrollr を使用しており、ページ全体の色/グラデーションを変更したいと考えています。私は現在のコードでこれを行うことができます:

<body data-start="background-image:linear-gradient(rgb(4,21,41), rgb(31,16,66));" data-end="background-image:linear-gradient(rgb(31,16,66), rgb(66,16,52));">

ただし、(フォームの送信によってトリガーされる) iFrame の読み込み時に、本文のグラデーションを変更したいと考えています。値を変更するとdata-startうまくいくかもしれないと思ったので、試しました：

<iframe onload="if(submitted)
{$('body').attr('data-start','background-image:linear-gradient(rgb(4,21,41), rgb(31,16,66))'}">

しかし、それはうまくいきませんでした。iFrame の読み込み時に動作する他の jQuery 関数を試しました (例: $('#idName').hide())。しかし、 .attr() 関数が機能していないようで、skrollr の何かが干渉していると考えています。.data() 関数も試しましたが、データ値も変更されないようです。

特定のトリガー（フォームの送信など）の後にボディのグラデーションを変更する方法を知っている人はいますか?

4

1 に答える 1

0

ドキュメントから、次のようにするrefresh必要があるようです：

次の場合に役立ちます: ... データ属性が動的に操作される場合。

var skroll = skrollr.init(/*...*/);

// when needed
skroll.refresh();
于 2015-02-12T15:36:03.543 に答える