我正在调整一个单页网站，其中包含独立查看的部分。例如，当我按下“服务”按钮时，它会转到页面的那一部分而不显示其他内容。
服务部分需要滚动条。我正在使用tinyscrollbar。
#services { width:1100px; height:440px; bottom:0; position:absolute; top:60px; display:none; }
当display：none包含时，滚动条不起作用。它正在显示，但栏无法滚动。当我删除display：none时滚动条可以工作，但它完全是我的布局。现在显示服务内容（第3菜单项）与第一次访问时第1菜单项的内容混合。这只是第一次访问。使用菜单后问题消失，布局再次正常。
我无法弄清楚如何解决这个问题。
请帮忙。
谢谢！
P.S。我现在不能把网站放到网上。我添加了一些截图，希望能让事情变得清晰。 deleted display:none added display:none第一个屏幕截图显示可滚动滚动条，而第二个屏幕截图不显示。该问题仅在进入网站时出现。当按下按钮时，问题消失
p.p.s。请看这里的问题。我上传了网站：test.iwebs.ws
答案 0 :(得分：0)
您可以定义可见性：隐藏，而不是显示：无。
visibility：hidden 隐藏了元素，但它仍占用了布局中的空间。
display：none 从文档中完全删除元素。它不占用任何空间，即使它的HTML仍然在源代码中。
答案 1 :(得分：0)
如果在页面加载时显示div display：none; ，则需要使用 tinyscrollbar_update（）功能。
var scrollbar = $('#services');
scrollbar.tinyscrollbar();
$('#services').show();
scrollbar.tinyscrollbar_update();