JQuery UI菜单滚动
我正在使用本机jquery ui菜单并试图让它滚动。 我发现它实际上内置了这种行为（有点）。 我不确定这是否有意。
JSFiddle演示
/////////////////////////////////// HTML //////////////////////////////////////////// /////////////////////////////////// CSS //////////////////////////////////////////// #container { height: 350px; background: #ccc; } #menu { max-height: 75%; width: 100px; padding: 25px 0; overflow: hidden; margin: 20px; } #menu #scrollup, #menu #scrolldown { position: absolute; width: 16px; height: 16px; top: 15px; left: 113px; } #menu #scrolldown { top: 311px; } /////////////////////////////////// JQUERY ////////////////////////////////////////// $('#menu').menu().removeClass('ui-menu-icons'); 这是我能提出的最好的，我对此并不满意。 我不得不增加顶部和底部填充以允许更大的可滚动区域。 这本身并不可怕，但并不理想。 我最关心的是向我的用户显示此列表是可滚动的。 我使用jquery ui图标攻击了一些显示箭头，但它感觉不太对劲。 通过将它们放在右侧，它们模仿滚动条，但您无法单击它们。
理想情况下，我想要的是箭头居中，但当你将它们hover时，列表仍然是可滚动的。 通过使用跨度我可以实现定位，但然后文本在下面可见，只是看起来很糟糕。 通过使用div它看起来更干净，但整个区域不能滚动。
我正在寻找一种更好，更清洁，更直观的方式来实现这一点。
这里是侧面滚动，虽然显然没有js
#menu { overflow-y: scroll; overflow-x: hidden; height: 200px; width: 200px; }