如何解决jQuery中的垂直视差
| 我目前正在建立我的投资组合网站,但遇到一些困难,基本上我有两个小问题... 当位置在x轴上包含\“ center \”属性时,无法获得背景位置在y轴上的动画 在滚动时无法获得效果,在停止滚动时会暂停,在继续滚动时会继续 这是我正在使用的代码://Top section parallax
$(function parallaxInnerAnimation(){
//Reset the background position
$(\'#first-canvas .inner\').css({backgroundPosition: \'center 0px\'});
//Set the animations
$(window).scroll(function() {
$(\'#first-canvas .inner\').animate({
backgroundPosition:\"(center -200px)\"
},5000,\'linear\');
});
});
我正在使用Alexander Farkas的jquery.backgroundPosition插件v1.22和jQuery 1.6.1。
这个网站是css3和html5,主要是为了支持IE9,Firefox 4和Chrome 11等。我为旧版浏览器制作了一个不同的网站,因此可以牺牲向后兼容性。
抱歉,如果您的问题很愚蠢,我不是一个真正的开发人员,而是一个可以为前端程序编写代码的设计师。
更新:
为了说明这一点,我现在将其放在我的实时服务器上http://charlieryan.co.uk/stack-overflow/
解决方法
我看了backgroundPosition.charlieryan.js插件,它不支持中心背景位置。您可能需要修改插件并使用它。有一个名为toArray的方法,我应该对其进行修改。 js错误与此问题相关。让我知道您是否需要更多帮助。
,
$(window).scroll(function ()
{
var yPos=-($(window).scrollTop() / 6);
if($(window).scrollTop()>100)
{
document.getElementById(\"div1_wrapper\").style.backgroundPosition=\"100% \"+yPos+\"px\";
}
if($(window).scrollTop()<100)
{
document.getElementById(\"div1_wrapper\").style.backgroundPosition=\"100% 100%\";
}
});
官方教程在这里
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。