Jquery 我用j query构建了一个html页面，当我缩放这个页面时，一些图像没有响应，右侧图像只能滚动演示_Jquery_Css_Html

Jquery 我用j query构建了一个html页面，当我缩放这个页面时，一些图像没有响应，右侧图像只能滚动演示

jquery css html

Jquery 我用j query构建了一个html页面，当我缩放这个页面时，一些图像没有响应，右侧图像只能滚动演示,jquery,css,html,Jquery,Css,Html,问题：当我缩放（在浏览器中）此页面时，某些图像没有响应，我只使右侧图像可以滚动。我修复了所有图像位置。我希望所有图像都有响应，并用作工作演示工作演示（更新）：好的，我想我可以看到问题所在。您已经为某些元素设置了位置属性fixed，这使得即使在滚动时，屏幕上的位置也保持不变尝试将“位置”属性从“固定”更改为“绝对”，您可以使用页面的所有元素进行滚动： <body background="bg_slide02.jpg" style="background-repeat:no-repeat;

问题：当我缩放（在浏览器中）此页面时，某些图像没有响应，我只使右侧图像可以滚动。我修复了所有图像位置。我希望所有图像都有响应，并用作工作演示

工作演示（更新）：好的，我想我可以看到问题所在。您已经为某些元素设置了位置属性fixed，这使得即使在滚动时，屏幕上的位置也保持不变

尝试将“位置”属性从“固定”更改为“绝对”，您可以使用页面的所有元素进行滚动：

<body background="bg_slide02.jpg" style="background-repeat:no-repeat;background-attachment:fixed;">

<p class="rcorners" style="font-size: 20px;position: fixed;" align="top"><b  >Demo</b></p>

<img src="Blutgefaesse_ausschnitt.png" id="afterimg" style="
    height: 50%;
    position: fixed;
    margin-top: 9%;
    margin-left: 10%;
" >
<div style="margin-top:45%;position: fixed;background-image:url(box_02.png);margin-left: 10%;background-repeat: no-repeat;" id="box" >
     <img src="box_01.png" style="margin-top: 5%;">
</div>

<img src="Blutgefaesse.png" style="height: 200%;margin-top: 20%;float: right;zoom: 100%;">


演示

我还看到您尝试使用jQuery与某些元素交互，问题是没有id为“img1”的元素

一个问题，你说的“我希望所有的图像都能响应并作为工作演示”是什么意思？图像响应是什么意思？

图像在您的Dropbox帐户中，因此在本例中只有您可以看到。您必须将图像上载到公共服务器图像才能正确查看示例。更新图片仍在私人帐户中，这一次是一次更新。您必须上传到完整的公共acces服务器，如www.imageupload.co.uk或最终更新的提供解决方案。。。juan c.vthx用于ans，但这不是我的解决方案。我只想滚动BlutgeFasse.png，剩余的是固定位置，当我缩放页面时，所有图像都保留在页面中。

<body background="http://www.imageupload.co.uk/images/2015/09/24/bg_slide02.jpg" style="background-repeat:no-repeat; background-attachment:fixed;">

    <p class="rcorners" style="font-size: 20px;position: absolute;" align="top"><b>Demo</b></p>

    <img src="http://www.imageupload.co.uk/images/2015/09/24/Blutgefaesse_ausschnitt.png" id="afterimg" style="height:50%; position:absolute; margin-top:9%; margin-left:10%;" >
    <div style="margin-top:45%; position:absolute; background-image:url(http://www.imageupload.co.uk/images/2015/09/24/box_02.png); margin-left:10%; background-repeat:no-repeat;" id="box">
        <img src="http://www.imageupload.co.uk/images/2015/09/24/box_01.png" style="margin-top:5%;">
    </div>

    <img src="http://www.imageupload.co.uk/images/2015/09/24/Blutgefaesse.png" style="height:200%; margin-top:20%; float:right;">
</body>