Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 视差横向页面的完整页面和可缩放图像_Javascript_Html_Css_Parallax - Fatal编程技术网

Javascript 视差横向页面的完整页面和可缩放图像

Javascript 视差横向页面的完整页面和可缩放图像,javascript,html,css,parallax,Javascript,Html,Css,Parallax,所以我的想法走到了这一步: 我用的是视差效果 我的两个主要问题是,我不知道如何使图像具有完整的页面和可伸缩性 我尝试添加背景尺寸:封面;它去掉了我的黄色边框,但仍然不能使图像具有可伸缩性,因为我必须用px来指定图像的高度,而不是100%,这是使用封面工作所必需的 它还使视差不如当前平滑 有什么办法可以让图像全部缩放,并消除因图像未完全填满浏览器而导致的黄色边框 谢谢 我不确定这是否与你所问的相似。这是否与mediatemple网站上的横幅效果相同?如果您没有模糊的css/js,将有很大帮助:

所以我的想法走到了这一步:

我用的是视差效果

我的两个主要问题是,我不知道如何使图像具有完整的页面和可伸缩性

我尝试添加背景尺寸:封面;它去掉了我的黄色边框,但仍然不能使图像具有可伸缩性,因为我必须用px来指定图像的高度,而不是100%,这是使用封面工作所必需的

它还使视差不如当前平滑

有什么办法可以让图像全部缩放,并消除因图像未完全填满浏览器而导致的黄色边框


谢谢

我不确定这是否与你所问的相似。这是否与mediatemple网站上的横幅效果相同?如果您没有模糊的css/js,将有很大帮助: