css - 将 CSS 转换应用于显示为 :block, 的元素会向页面添加大量滚动

标签 css scroll transform block

我有一个导航倾斜 10 度的设计。它是使用无序列表和 css 图形元素构建的,作为“a”类的背景,并使用 display:block 显示整个图形。喜欢你。

非常标准,除了当我将转换添加到无序列表时,页面滚动到页面末尾之外大约 1000 像素或更多。我已经尝试将转换添加到链接、列表项,所有这些都具有相同的页面滚动结果。在视觉上,转换无序列表是我想要做的。除了扩展的卷轴,它看起来很棒并且按预期工作。

(没有显示 block 或使用纯文本时,转换工作没有问题并且没有添加扩展滚动。)

有什么想法可以防止页面滚动像那样乱七八糟吗?

谢谢!

最佳答案

尝试将 overflow:auto; 添加到您的 CSS 中的列表元素,滚动的疯狂应该(祈祷)自行解决。

关于css - 将 CSS 转换应用于显示为 :block, 的元素会向页面添加大量滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9118772/

相关文章:

javascript - JQuery Mobile,加载然后更改可能吗?

javascript - 使 Div 固定底部和可滚动

javascript - jQuery 滚动左不工作

css - 使用变换缩放属性缩放 div 内的内容

css - 溢出 :hidden on body is broken in ios6

html - 基于 HTML 结构的 CSS 优化器

javascript - 如何使用 jQuery 构建简单的粘性导航?

cocoa - 滚动 NSTextView 使滚动条处于错误位置

wpf - 如何围绕WPF中的特定点旋转,平移和缩放控件对象

ios - UIAlertView 转换不适用于 iOS7