我想在我的页面中使用一个不占据整个屏幕的div,当它的内容溢出时使用屏幕边缘的滚动条。我知道这听起来令人困惑,所以这里有一个例子:http://www.csszengarden.com/?cssfile=/202/202.css&page=1我会发布代码,但我不确定从哪里开始。有人可以用HTML和CSS为我指出正确的方向吗? 最佳答案 一个技巧是覆盖一个或多个静态图像或框并固定它们的位置,然后调整整个页面的可滚动区域的大小,您的内部,使其宽度适合覆盖区域暴露(即未覆盖)的“可视区域”(您可以使用填充来实现此目的)。我做了一个demo
我想在我的页面中使用一个不占据整个屏幕的div,当它的内容溢出时使用屏幕边缘的滚动条。我知道这听起来令人困惑,所以这里有一个例子:http://www.csszengarden.com/?cssfile=/202/202.css&page=1我会发布代码,但我不确定从哪里开始。有人可以用HTML和CSS为我指出正确的方向吗? 最佳答案 一个技巧是覆盖一个或多个静态图像或框并固定它们的位置,然后调整整个页面的可滚动区域的大小,您的内部,使其宽度适合覆盖区域暴露(即未覆盖)的“可视区域”(您可以使用填充来实现此目的)。我做了一个demo
使用纯Javascript或jQuery,如何滚动页面以使表格中的第n行位于页面中央?我见过的一些具有此类功能的示例通常要求我滚动到的元素使用id作为选择器,但由于表格的行数是动态的并且可能会被分页,所以我宁愿不这样做走这条必须给每个的路线标记一个id。最简单的方法是计算td相对于文档顶部的位置,然后使用setInterval滚动窗口,直到窗口中间>=到第n个的位置。标签?我想我想象它的工作方式的一些伪代码是:functionscrollToNthTD(i){varposition=CalculatePositionOfTR(i);vartimer=setTimeout(functio
使用纯Javascript或jQuery,如何滚动页面以使表格中的第n行位于页面中央?我见过的一些具有此类功能的示例通常要求我滚动到的元素使用id作为选择器,但由于表格的行数是动态的并且可能会被分页,所以我宁愿不这样做走这条必须给每个的路线标记一个id。最简单的方法是计算td相对于文档顶部的位置,然后使用setInterval滚动窗口,直到窗口中间>=到第n个的位置。标签?我想我想象它的工作方式的一些伪代码是:functionscrollToNthTD(i){varposition=CalculatePositionOfTR(i);vartimer=setTimeout(functio
这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}
这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}
我有一个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
我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚
我有一个包含弹出菜单的可滚动区域。从概念上讲,是这样的:...contentherethat'sbigenoughtotriggerscrollbars...Clickhere...morecontent.Thisdivgetsshownandhiddenbyjqueryonclickevents.问题是,当弹出菜单弹出时,它也包含在滚动div中,并且无论我将z-index设置多高都不会出现在100x100像素可滚动区域之外。我当然意识到,从某种意义上说,这正是我首先告诉外部div溢出时所要求的:auto。但对于我的用例来说,这不是我想要的——我希望弹出菜单“在顶部”并且能够扩展到可滚