Html “我们如何解决?”;背景附件:固定“;在用于视差设计的移动设备中?
我正在我的网站上实现视差滚动,但它在移动设备上不起作用,我不知道如何在移动设备上实现它。我认为这是因为,移动显示器是触摸屏,所以我们必须用手指滚动,就像在PC中用鼠标滚动一样。提前谢谢Html “我们如何解决?”;背景附件:固定“;在用于视差设计的移动设备中?,html,css,parallax,background-attachment,Html,Css,Parallax,Background Attachment,我正在我的网站上实现视差滚动,但它在移动设备上不起作用,我不知道如何在移动设备上实现它。我认为这是因为,移动显示器是触摸屏,所以我们必须用手指滚动,就像在PC中用鼠标滚动一样。提前谢谢 。第1节{ 背景:url(https://hd.unsplash.com/photo-1465420961937-e0eba4dda519)无重复固定中心; 宽度:100%; 高度:500px; } .第2节{ 背景:url(https://hd.unsplash.com/photo-1462121457351
。第1节{
背景:url(https://hd.unsplash.com/photo-1465420961937-e0eba4dda519)无重复固定中心;
宽度:100%;
高度:500px;
}
.第2节{
背景:url(https://hd.unsplash.com/photo-1462121457351-9fb0f5622b72)无重复固定中心;
宽度:100%;
高度:500px;
}
.第3节{
背景:url(https://hd.unsplash.com/photo-1465420961937-e0eba4dda519)无重复固定中心;
宽度:100%;
高度:500px;
}
好的,背景:固定代码>规则在移动(webkit)浏览器上确实不起作用。有关可能的解决方法,请参阅。好的,背景:已修复代码>规则在移动(webkit)浏览器上确实不起作用。请参阅以了解可能的解决方法。请提供一个片段,这样我们可以在移动设备上试用您的代码。@Andreas现在可以了吗?抱歉,我在您的代码中看不到任何视差滚动的实现…@Andreas这只是一个使用固定背景的基本视差实现,我明白了,对不起!我已将您的代码编辑为一个片段:)请提供一个片段作为一个片段-这样我们可以在移动设备上试用您的代码。@Andreas现在可以了吗?对不起,我在您的代码中看不到任何视差滚动的实现…@Andreas这只是一个使用固定背景的基本视差实现,我明白了,对不起!我已经把你的代码编辑成了一个片段:)但我听说在Android和苹果产品中都有一些插件可以做到这一点,但我听说在Android和苹果产品中都有一些插件可以做到这一点