我有一个DIV菜单,该菜单设置为100%高度并带有overflow:scroll。在DIV中,我有一个ulli。我遇到的问题是它不会让我一直向下滚动以查看最后一个li。我几乎看不到它。我认为这与我的标题有关,因为当我删除标题时,我可以看到它。当我放回标题时,它位于浏览器下方,无法一直向下滚动以查看最后一个li。li和header的高度几乎相同,header导致问题很有意义。我认为,不是特别是标题,而是我在CSS中所做的更多事情。为什么我不能一直滚动到底部?解决方案是什么?此处示例:http://jsfiddle.net/D5KU3/2/WhyCantIscrollallthewayto
我有一个DIV菜单,该菜单设置为100%高度并带有overflow:scroll。在DIV中,我有一个ulli。我遇到的问题是它不会让我一直向下滚动以查看最后一个li。我几乎看不到它。我认为这与我的标题有关,因为当我删除标题时,我可以看到它。当我放回标题时,它位于浏览器下方,无法一直向下滚动以查看最后一个li。li和header的高度几乎相同,header导致问题很有意义。我认为,不是特别是标题,而是我在CSS中所做的更多事情。为什么我不能一直滚动到底部?解决方案是什么?此处示例:http://jsfiddle.net/D5KU3/2/WhyCantIscrollallthewayto
我有这个CSS:.div{background-color:red;position:relative;height:414px;overflow:auto;width:902px;margin:0pxauto;}我尝试使用overflow-y:hidden;,滚动条消失了,但滚动条不起作用。希望你明白我想要什么...另外,我应该使用自动还是滚动?使用auto我也能看到水平条。这是JSFiddle:http://jsfiddle.net/sp95S/谢谢! 最佳答案 创建一个内部div:http://jsfiddle.net/sp9
我有这个CSS:.div{background-color:red;position:relative;height:414px;overflow:auto;width:902px;margin:0pxauto;}我尝试使用overflow-y:hidden;,滚动条消失了,但滚动条不起作用。希望你明白我想要什么...另外,我应该使用自动还是滚动?使用auto我也能看到水平条。这是JSFiddle:http://jsfiddle.net/sp95S/谢谢! 最佳答案 创建一个内部div:http://jsfiddle.net/sp9
我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚
我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚
我试图让一个无序列表水平列出(用float:left完成),但它拒绝水平溢出。相反,它会在下一行自动溢出(此外,即使使用overflow-y:none,它也会自动创建一个垂直滚动条。有什么想法吗?ul{height:15px;width:400px;overflow-y:none;overflow-x:auto;}li{float:left;}element1element2element3element4element5element6element7 最佳答案 如果我没理解错的话,应该是这样的:http://jsfiddle.n
我试图让一个无序列表水平列出(用float:left完成),但它拒绝水平溢出。相反,它会在下一行自动溢出(此外,即使使用overflow-y:none,它也会自动创建一个垂直滚动条。有什么想法吗?ul{height:15px;width:400px;overflow-y:none;overflow-x:auto;}li{float:left;}element1element2element3element4element5element6element7 最佳答案 如果我没理解错的话,应该是这样的:http://jsfiddle.n
处理在WindowsPhone8中查看的页面时,我注意到一个奇怪的行为。当-ms-viewport指定了宽度或高度时,用户似乎无法再在overflow:auto或-ms-touch-move:pan-y元素上使用触摸滚动行为。有人遇到过这种行为,或者知道任何解决方法吗?编辑:在WP8设备上访问此URL进行重现:http://fiddle.jshell.net/Vk7SR/3/show/light 最佳答案 设置@-ms-viewport{width:auto}对于许多渴望在WindowsPhone设备上呈现响应式(Reactive)
处理在WindowsPhone8中查看的页面时,我注意到一个奇怪的行为。当-ms-viewport指定了宽度或高度时,用户似乎无法再在overflow:auto或-ms-touch-move:pan-y元素上使用触摸滚动行为。有人遇到过这种行为,或者知道任何解决方法吗?编辑:在WP8设备上访问此URL进行重现:http://fiddle.jshell.net/Vk7SR/3/show/light 最佳答案 设置@-ms-viewport{width:auto}对于许多渴望在WindowsPhone设备上呈现响应式(Reactive)