是否“显示:无”忽略div对视口的位置？
是否“显示:无”忽略div对视口的位置？
提问于 2019-11-16 10:48:35
在我的网站上，我有一个包含一些图片的slideToggle div，非常大。当这个div打开时，当进入视口slideIn 时，我需要一个接一个地将图像放到上。
使用我的代码，div会打开，但随后图像会同时滑入(就像它们是单个块一样)。
但是，如果我从我的"display: none;" div中删除了slideToggle，并将它作为一个起点打开，那么脚本就能很好地工作。
我想知道"display: none;"是否以某种方式忽略了div在视口上的位置。
这是我正在使用的slideToggle脚本(如果有帮助的话)：https://jsfiddle.net/5efuhytm/
回答 2
Stack Overflow用户
发布于 2019-11-16 15:32:46
而不是
display: none;使用
visibility: hidden;这是因为display: none将从文档中删除整个dom元素。而可见性:隐藏只会隐藏dom元素。在这种情况下，如果不想更改viewport，请使用可见性属性“隐藏”。
有关更多详细信息，请参见此，https://stackoverflow.com/a/133064/7544289
希望这能有所帮助！
Stack Overflow用户
发布于 2019-11-16 15:18:44
更改CSS删除display:none中的#show-images
/*Panel that slides open*/
#show-images
{
color: #FFF;
padding: 0;
width: 150px;
}并添加这段代码(因为您想要隐藏的只是图像)。
#show-images img
{
display: none;
}更改JS添加#show-images img
$(function()
{
$("a#toggle").click(function()
{
$("#show-images img").slideToggle(800);
$("#toggle").toggleClass("fade");
return false;
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58889896
复制相关文章
相似问题
腾讯云开发者
