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