我想使用background-position设置<body>标记的skrollr.js CSS属性的动画。我想让它稍微移动背景图像，因为页面滚动给它一点点香料。但是，使用这个......
data-0="background-position: 0px 0px;" data-1000="background-position: 0px -250px;"
......没有工作。
我尝试使用<div>来完成这项专长（为background-position制作动画），但这并没有给我提供我正在寻找的效果。当我为background-property的{{1}}设置动画时，<div>正常工作;但是一旦background-position滚出视线，<div>背后的任何内容都会变得可见，这是我不想要的。有什么建议吗？
答案 0 :(得分：0)
好的，我弄明白是什么导致了这个问题。我的CSS写得像这样：
background: url(/images/mainBG.jpg) no-repeat center fixed!important;
我需要删除“！important”，它就像一个魅力。但是......现在我注意到了另一个问题（如果我得到解决，我会在这里发布答案）。我将这个实现到一个带有MasterPages的4.0 C＃.net网站（请参阅此处的行动：brugrill.ntxdesigns.com）。考虑到所有的.aspx页面都有不同的长度，我不能在MasterPage中使用skrollr.js，因为它根据你放在“data-”属性中的内容来设置页面的高度，所以如果页面长于“data-”属性的像素位置（例如页面为5000像素，“data-”的属性为1000）背景滚动在页面滚动完成之前停止。如果“data-”属性长于页面的像素长度，页面应该停止滚动，看起来很糟糕（正如您在上面的链接中看到的那样）。我希望我可以使用this.Page.Master.FindControl的代码隐藏来查找正文控件标记，并将“data-”属性修改为我需要的值。
有没有办法通过javascript，jquery或其他方式获取页面的当前像素长度并在“data-”属性中使用该值？然后我就不必对这些数据进行硬编码，如果页面增长，则值会增加。任何建议都会很棒！