在这个页面上的 Firefox 中,与 smooth-scroll.js 一起固定的位置可以完美地工作。
在Firefox 的此页面上,右侧导航不会显示所有被截断的导航项目。
怎么修?使用 CSS?
同样在 IE 6 到 8 中,使用固定定位会破坏站点。
感谢任何想法和建议。
给出.rightside-position
一个bottom
值:即:bottom: 40px
这将阻止它被切断。
IE 6(可能是 7)不理解位置:已修复。试试这个:http ://ryanfait.com/resources/fixed-positioning-in-internet-explorer/
隐藏的导航元素似乎在那里,但您只是将它们定位在页面之外,因此即使您向下滚动它们也会看起来隐藏。
这可能不是你想听到的,但如果没有 JavaScript 的复杂性,我认为这里的实际解决方案是完全摆脱 position:fixed。它似乎没有服务于任何强大的可用性目的。另一种解决方案可能是减少元素之间的间距<li>
以拉起列表,但如果该列表将来会增长,这不会永久解决它。
您的设计不允许该区域被固定定位,因为太多的导航项目将延伸到页面之外并且变得不可访问。
您可以收紧 sidenav 项目之间的间距(这可能仍然不适用于 1024 x 768 屏幕),或者您可以删除固定定位并让它像平常一样滚动。
您需要遍历 46 个 HTML 错误和 16 个 CSS 错误的列表。