更新列表内容后,滚动条仍然是最大高度

时间:2014-09-30 06:44:53

标签: javascript jquery html css

我想设计一个网页,显示来自数据库的大约700行。

网页为:http://www.shefacenter.ir/fa/disease

要显示的数据是:[主题]& [注释]

我从数据库中获取数据,并在无序列表(ul)中显示它们。

代码如下:

<div class="box_list_container">
<ul id='list_ngm' class='list_1column' >
<li><span>Subject</span><p class="list_comment">Comment</p></li>
<li><span>Subject</span><p class="list_comment">Comment</p></li>
<li><span>Subject</span><p class="list_comment">Comment</p></li>
...
<li><span>Subject</span><p class="list_comment">Comment</p></li>
</ul>
</div>

之后,我将一些简单的jQuery代码添加到Switch将此列表显示为3个不同的类:

[Show Results in 1 Column List]
[Show Results in 2 Column List] 
[Show just Subjects of Results]

&LT;这3种模式有3种不同的CSS类,它们可以正常工作。 &GT;

现在,我的问题从这里开始: 当我切换显示3种模式之间的结果时,浏览器滚动条在切换后仍然是列表中最大的高度。

注意: 我使用“replaceWith”FROM“jquery-2.0.3.min.js”更改当前的类别为[1列],[2列]或[只是主题]显示!

任何想法都表示赞赏。

1 个答案:

答案 0 :(得分:0)

我越来越多地寻找解决这个不好问题的正确方法。 最后我发现了。

  • 标签应该有一个&#34; display:none&#34;物业起初。在页面加载后,使用jQuery我将它们更改为&#34; display:block&#34; 。 就是这样!