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 回答