1

我正在调整一个单页网站，其中包含独立可见的部分。例如，当我按下“服务”按钮时，它会转到页面的该部分而不显示其他内容。

服务部分需要一个滚动条。我正在使用 tinyscrollbar。

#services { width:1100px; height:440px; bottom:0; position:absolute; top:60px; display:none; }

当 display:none 包括在内时，滚动条不起作用。它正在显示，但该栏无法滚动。当我删除 display:none 时滚动条起作用，但它完全占据了我的布局。首次访问时，服务内容（第 3 个菜单项）现在与第 1 个菜单项的内容混合显示。这只是第一次访问。使用菜单后问题消失，布局再次正常。

我无法弄清楚如何解决这个问题。

请帮忙。

谢谢！

ps 我现在不能让网站上线。我添加了一些截图，希望能让事情变得清晰。删除 display:none 添加 display:none第一个屏幕截图显示一个可滚动的滚动条，而第二个没有。该问题仅在进入网站时出现。按下按钮后问题消失

pps 请看这里的问题。我已经上传了网站：test.iwebs.ws

4

2 回答 2

0

您可以定义visibility:hidden而不是display:none。

可见性：隐藏隐藏元素，但它仍然占用布局中的空间。

display: none从文档中完全删除元素。它不占用任何空间，即使它的 HTML 仍在源代码中。

于 2012-10-15T12:43:38.093 回答
0

如果显示 div，则需要在显示 div 后使用tinyscrollbar_update()函数display:none; 在页面加载。

var scrollbar = $('#services');
scrollbar.tinyscrollbar();

$('#services').show();

scrollbar.tinyscrollbar_update();
于 2012-10-19T13:55:00.450 回答