Javascript 仅当图像进入某个定义位置时才显示图像
我有一个垂直滑动页面。 在每张幻灯片中,我都有一张图片和一个iphone容器。 像 现在,本页幻灯片垂直显示下一张幻灯片位于中间,其中间还包含图像 现在,我希望类似的图像只在iphone容器中显示 正如第二张图中所示,我的图像甚至显示在iphone容器外,所以我不想这样做 我的代码Javascript 仅当图像进入某个定义位置时才显示图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个垂直滑动页面。 在每张幻灯片中,我都有一张图片和一个iphone容器。 像 现在,本页幻灯片垂直显示下一张幻灯片位于中间,其中间还包含图像 现在,我希望类似的图像只在iphone容器中显示 正如第二张图中所示,我的图像甚至显示在iphone容器外,所以我不想这样做 我的代码 <div style="display: block; position: fixed; top: 14.5px; left: 684px;" class="iphone_container"><
<div style="display: block; position: fixed; top: 14.5px; left: 684px;" class="iphone_container"><img title="" src="/img/iphon.png"></div>
<div class="port_list">
<div class="port_wrap" id="slide_1" style="background-color: #344a18;position: relative">
<div class="proj_brief"></div>
<div class="">
<div class="">
<img src="" />
</div>
</div>
</div>
<div class="port_wrap" id="slide_1" style="background-color: #344a18;position: relative">
<div class="proj_brief"></div>
<div class="">
<div class="">
<img src="" />
</div>
</div>
</div>
<div class="port_wrap" id="slide_1" style="background-color: #344a18;position: relative">
<div class="proj_brief"></div>
<div class="">
<div class="">
<img src="" />
</div>
</div>
</div>
</div>
您为手机创建了一个容器div,并在其中为sildes添加了一个div。使用overflow:hidden可以隐藏其他内容
<div id="phone">
<div id="slides">
<img src="pic1.png" />
<img src="pic2.png" />
<img src="pic3.png" />
</div>
</div>
<input type="button" value="slide up" onclick="slide('up')" />
<input type="button" value="slide down" onclick="slide('down')" />
检查这把小提琴:发布一些代码来展示你在做什么。我有不止一张幻灯片,它们是垂直滑动的。哦,来吧……这就是解决方案。我不会为你编洞的。如果你想从我这里得到这个,我会给你我的联系方式。。。再绕上一张幻灯片。。。