腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
与内容相关的背景图像位置
、
、
、
我以为这是个常见的问题,但我在任何地方都没找到. 以浏览器窗口为中心的固定宽度布局。在它的背后,一个也是中心的背景。 背景不应导致水平滚动条。内容框应该。 我不能将背景设置为body元素,因为这意味着背景相对于浏览器保持居中(因此,当浏览器窗口太小,无法包含整个内容框时,相对于内容“移动”)。 如果我不把它设置为身体,任何能够“包含”整个图像的东西,也会导致滚动条.难到不是么? javascript真的是我唯一的希望吗? 编辑: 好像我解释得不够好。 ,这就是我想要的, (突出显示的区域表示浏览器窗口) 1- 注意,没有滚动条。 二- 在浏览器上有一个内容的滚动条。 ,
浏览 3
提问于2011-11-19
得票数 1
回答已采纳
1
回答
如何停止正文内容在页脚和页脚以下显示
、
、
、
、
我使用的是自动补全文本框,这里基于动态值超过滚动条,如果超过动态值,则滚动条显示在文本框中,滚动条自动超过在页脚页和两个滚动条中显示。如果在文本框滚动条中显示的值不应该超过页脚内容,只在正文容器中显示,也不会显示两个滚动条,所以请帮助我解决这个问题。 css代码: .ui-autocomplete { max-height: 28%; overflow-y: auto; } 自动编译代码:区域数据类型为数组,包含多个值 autocomplete({ autoFocus : true, source : areas, selectFirst : true,
浏览 0
提问于2014-06-21
得票数 4
1
回答
如何获得滚动条的位置
、
、
、
我想得到滚动条的位置(不是滚动顶位置),但我看到的只有$(document).scrollTop()。有人能帮我做这个吗。据我理解,$(document).scrollTop()给出了窗口中最显眼的位置,但我想知道用户滚动条滑块的确切位置。 编辑:,我添加了更多解释。我需要得到滚动条本身的位置,这样我就可以在滚动条后面放一些div (在图像中带有箭头的div)。
浏览 0
提问于2014-01-31
得票数 0
1
回答
隐藏窗口滚动条而不移动居中内容
、
是否有可能(暂时)隐藏主窗口(垂直)滚动条(body/html上的滚动条)而不(稍微)移动居中内容? 在body, html上设置overflow: hidden会隐藏滚动条,但执行此操作时,居中的内容会向右移动滚动条宽度的一半。我可以添加padding-right: <width-of-scrollbar>,但这会有所不同,如果一开始没有滚动条,也会移动内容。
浏览 1
提问于2013-04-02
得票数 0
3
回答
使用CSS将元素滚动条强制置于顶部
我在我的网站上有一个容器,它是屏幕宽度的100%,并且有自己的使用overflow: auto的滚动条。标准的滚动条不会显示在我的站点上,而我之所以使用它,是因为在我的站点的主层后面还有另外一层,它也有自己的滚动条(你可以并单击博客帖子来了解我的意思)。 我有一个蓝色的条,我想固定在屏幕的顶部。就position: fixed而言,这很容易定位,但是条形图的宽度需要是屏幕宽度的100%,并且我发现条形图将与应用于其父容器的滚动条重叠。 这是一个显示我意思的: 我考虑过根据滚动条的宽度向左偏移滚动条,但后来我决定不能依赖于估计不同浏览器的滚动条宽度,如果没有滚动条,就会留下空白。 有没有一种明显
浏览 108
提问于2012-10-04
得票数 0
2
回答
Firefox中滚动条下CSS固定位置的移动
、
在Firefox (版本19.0.2)中,当使用position: fixed将元素定位到页面右侧时,该元素相对于窗口滚动条的窗口视图右侧定位。 但是,在悬停时,当我们更改定位值时,元素相对于窗口视图端口定位,不包括窗口滚动条。 在下面的示例中,这将导致元素从滚动条的右侧移动到悬停时滚动条的下方。 我已经将问题隔离开来,以了解它不是由设置在body、html或其他任何东西上的任何其他css设置引起的,但我找不到造成此问题的原因。 <a href="#Top" id="ScrollToTop">Top</a> CSS #ScrollToT
浏览 2
提问于2013-04-03
得票数 3
回答已采纳
1
回答
下拉菜单-在父元素外部可见-具有overflow: auto的元素
、
我有一张很宽的桌子。这就是为什么我在桌面上同时在X轴和Y轴上有滚动条的原因。 overflow-x: auto; overflow-y: scroll; 在表格内的单元格中,我放置了一个下拉菜单。这个可以完美地工作。但是如果我打开下面一行的下拉菜单,下拉菜单就隐藏在表尾后面,我必须向下滚动才能看到它。我可以通过使表格css可见来实现这一点 overflow: visible; 然后我就把桌子上的滚动条给弄丢了。即使我有滚动条,有没有办法让下拉菜单显示出来?
浏览 1
提问于2017-06-23
得票数 0
1
回答
页包含表的水平滚动条
、
、
这里是我的SSCCE,为了使用水平滚动条,您需要垂直滚动到页面/容器的底部,以便水平滚动条变得可见(即,它通过垂直滚动滚动到viewport ),并且用户可以使用它。 我需要水平滚动条是固定的,这样它总是可见的,无论垂直滚动条的位置是什么。 重要: 现在我已经看到了和,但是问题是,我不能给.tab-container固定的高度,因为它给表提供了垂直滚动条(在边距内),但是我需要垂直滚动条在页面的右边(而不是在表的右边),就像现在的样子。这才是真正的挑战。
浏览 5
提问于2017-01-03
得票数 0
2
回答
HTML和CSS:没有滚动条时的固定位置
、
、
、
、
我正在为一个网站的模板与“固定页脚块(FF_BLOCK)",一些内容和”背景图像块(BG_BLOCK)“(也与一些内容)。 当内容不是很多时,BG_BLOCK应该放在FF_BLOCK的正上方(position: fixed;bottom: 0px)。我从来不想在FF_BLOCK和BG_BLOCK之间有差距。 当有很多内容(和一个滚动条)时,BG_BLOCK可以像现在一样显示。 这只能通过HTML + CSS实现吗?还是使用JS是必然的? 当前HTML <div id="navigation">...</div> <div id="c
浏览 2
提问于2013-04-03
得票数 0
1
回答
滚动条不以模态出现
、
、
、
当向页面中添加更多元素时,我的滚动条没有出现。我也有一个模式,覆盖整个页面时,你点击一个项目。 但是,如果我将position: fixed更改为CSS中的其他内容,则不会出现模式。 因此,我的问题是,如何使它出现滚动条和模态仍然正确覆盖? 以下是一些图片: App.css: .page-container { height: 100%; width: 100%; position: fixed; z-index: 0; } .modify-modal-container { height: 100%; width: 100%; position: fixe
浏览 3
提问于2022-11-11
得票数 0
2
回答
CSS溢出并使用浏览器的本机滚动条
、
我有一个包含css的DIV部分 #all_messages{ position:inherit; overflow:auto; height:100%; width:100%; } 我想让它在页面内滚动,我做了溢出,但我不想要一个额外的滚动条在页面上,我希望本机浏览器的滚动条来控制,而不是一个滚动条只为该部分 好的,在图片中,你可以看到我有两个滚动条,我想移除内部的滚动条,让它由浏览器的本机滚动条控制
浏览 2
提问于2011-07-21
得票数 0
回答已采纳
2
回答
阻止jQuery show()转换的水平滚动
、
、
我使用jQuery从目标页面加载一个div,并用新加载的内容替换现有的div。为了让这看起来更好一点,我添加了一个jQuery过渡效果到“滑动”,然后将现有内容滑到左边,然后从右边“滑”到新内容。 JS摘录: ... $('#content-slider').hide('drop', {}, 2000, function() { ('#content-slider').load(pageurl + '?rel=tab #content-slider'); $('#content-slider').
浏览 1
提问于2013-03-15
得票数 0
回答已采纳
2
回答
固定页脚与最小宽度,需要能够滚动
、
我有一个具有以下样式规则的页脚: #footer { position: fixed; bottom: 0px; width: 100%; min-width:1300px; z-index: 3; } 我使用以下JQuery代码使滚动仅适用于x轴: $('html, body').css({ 'overflow-y': 'hidden', 'height': '100%'}); 当窗口小于1300px,滚动条出现时,我如何让它左右滚动?
浏览 2
提问于2013-07-02
得票数 0
回答已采纳
1
回答
如何将div的滚动条移动到浏览器?
、
、
我有一个带有以下css的div: .long-table-container { overflow-x: auto; } 我希望使用浏览器的滚动条来完成这项工作,而不是将滚动条附加到.long-table-container。这个是可能的吗? 我需要这样做的原因是因为我在.long-table-container中有一个很长的表格,而向左和向右滚动的唯一方法是滚动到页面底部,然后移动.long-table-container的水平滚动条,这对任何用户来说都是一件痛苦的事情。 小提琴:
浏览 0
提问于2014-08-10
得票数 0
1
回答
如何在固定的容器下滚动页面?
、
、
、
这个问题比标题所能描述的要复杂一些。我正在试着做这样的东西: 有一个带有内容部分的页面布局。每个部分为100vh,其中一些更高。当用户向下滚动或滑动动画时,会滑到下一个部分。当用户在较高的区段中自由滚动时,除非在区段的边界处,否则会出现动画。 我想出了一个想法,浏览器的滚动条应该是某种控制器,这意味着它应该指示一个位置值,该值将由JS转换为适当的动画。我已经创建了一个固定定位的容器,将页面主体上的部分设置为总部分的高度,以便滚动条显示正确的值。 问题是,我不希望滚动条可见,因为它在拖动时会产生一些矛盾。此外,还会有一些内容从侧面滑入,并带有自己的滚动条。我想我可以通过一些技巧来隐藏滚动条,如果
浏览 3
提问于2016-07-17
得票数 0
3
回答
使用“位置:固定”到“身体”使其失去滚动条
、
我正在尝试一些东西,将position: fixed应用于网页的body标记。然后,我继续将所有的边(上,下,左,右)应用到0,这样它就覆盖了所有的视图。 我的期望是,这实际上是一样的,没有添加固定的位置,但现在我没有任何滚动条来移动页面。如果我应用overflow: scroll,就会出现虚拟的禁用滚动条,而不是真正的滚动条,这些滚动条可以将我带到页面的底部。 我正在尝试所有这些东西作为延期。这就是我想移动body标签的原因。 注意:如果我应用html标记上的所有样式,也会发生这种情况。
浏览 2
提问于2015-05-03
得票数 1
回答已采纳
1
回答
为什么水平滚动条可见,而垂直滚动条不可见?
、
、
、
、
在下面的HTML中,为什么水平滚动条可见,而垂直滚动条不可见? 这适用于Chrome、Firefox和Safari,但不适用于Edge,因为这两个滚动条都不可见。 对我来说,两个滚动条在Edge浏览器中都不可见是合乎逻辑的。 <div style="position: absolute; width: 300px; height: 300px; border: 1px solid black; overflow: auto;"> <div style="transform: translate(150px, 150px);">
浏览 8
提问于2018-12-26
得票数 1
回答已采纳
2
回答
使单个分区的滚动条使用全页滚动条
、
、
我有一个网页,它的内容显示在一个div中。这个div有它自己的滚动条,但我希望滚动条覆盖整个页面,就像其他网站一样。是否有CSS或JavaScript解决方案将div的滚动条传输到body的滚动条? 问题页面:
浏览 0
提问于2013-09-24
得票数 0
回答已采纳
2
回答
使画布上的导航可滚动
、
、
、
、
我有一个画布外导航:。我如何使它像这样滚动:? 我只知道如何使我的滚动条与滚动条一起滚动,但它仍然充当独立的元素,而不是与身体的其他部分合并。谢谢!
浏览 9
提问于2014-02-23
得票数 2
回答已采纳
1
回答
单元水平固定位置,垂直静态定位
、
可能重复: 我有一个HTML页面,它应该水平滚动,其中有一个固定位置的标题标签。 在出现垂直滚动条的情况下(调整大小窗口),我希望标题相对于其他内容滚动。 有人能想到一种可能的非javascript解决方案吗?
浏览 2
提问于2011-12-29
得票数 1
回答已采纳
3
回答
火狐,位置固定,滚动条
、
、
在这个例子中,如果我将div红色动画化,它就会向右移动。我认为问题只出现在Firefox,div是正确的,有一个滚动条和位置固定。 (如果我使用绝对位置,我就能解决这个动作。但是如果用户滚动,div就会移动,它应该是“固定”在右边,底部) Firefox 正确的 滚动条 固定位置 请在这里查看: HTML: <div id="blue"></div> <div id="red"></div> CSS: #red { position: fixed; /* fixed genera e
浏览 1
提问于2013-05-20
得票数 1
回答已采纳
1
回答
如何使用浏览器滚动条驱动div的位置(如Paranorman网站所示)
、
、
、
我正在试图弄清楚这是如何实现的: 在本站点中,浏览器窗口的滚动条驱动DIV的滚动位置。但是,该窗口有一个滚动条,即使它完全适合您的浏览器窗口。 我需要做一个由滚动条驱动的容器元素的网站,即使网站容器的大小将适合大多数桌面浏览器窗口,而不需要滚动。
浏览 3
提问于2012-09-01
得票数 0
回答已采纳
4
回答
为什么粘稠的导航在固定的时候会跳?
、
、
、
我的网站是 我有一个简单的sticky.js,它可以修复滚动条上的导航条,但是导航栏下面的内容会跳到导航栏下面。知道怎么解决这个问题吗? jQuery(function(){ var menuOffset = jQuery('.menu-wrapper')[0].offsetTop; jQuery(document).bind('ready scroll',function() { var docScroll = jQuery(document).scrollTop(); if(docScroll >= menuOffset) {
浏览 7
提问于2014-07-25
得票数 1
回答已采纳
2
回答
固定水平滚动条
、
、
、
好的,下面是我要做的: 因为它是一个相当大的div,所以当我滚动到这个div时,我希望在窗口的顶部有一个固定的水平滚动条,但是如果我没有完全进入div (例如,如果div仅可见一半,我的意思是如果它没有填充整个窗口的高度),水平滚动条应该在div的顶部.你怎么解决这个问题?谢谢:)
浏览 4
提问于2014-04-18
得票数 0
回答已采纳
1
回答
没有滚动条,但我想要一个
、
、
我真的很想得到一个页面滚动条,因为自动柜员机的东西走出窗口,好像溢出:隐藏设置,但我没有使用它。 我可以把我所有的代码都放在这里,但我认为jsfiddle会更好: 我试过了 body { border: 0; padding: 0; margin: 0; font-family: "Helvetica"; font-size: 20px; overflow: visible; } 还有scroll,auto,inherit,这些都没有用。
浏览 0
提问于2012-07-01
得票数 1
回答已采纳
1
回答
如果可滚动div比窗口高,则将水平滚动条附加到窗口底部。
、
、
、
我有一个比窗口高但在一定宽度内的div。这将导致div在最底部得到一个水平滚动条。这方面的问题是,用户很难在div中左右滚动。 我想知道是否可以将滚动条附加到屏幕底部,直到用户滚动到div的底部。 让你知道我想做什么。Codrops创建了一个很好的表,一旦您滚动到表头,它就会将它的self附加到屏幕的顶部。下面是该的演示。我想这样做,但在屏幕底部附加一个滚动条。很抱歉,我无法提供我尝试过的东西,因为我甚至不知道从哪里开始去完成这个任务。
浏览 0
提问于2014-07-17
得票数 2
回答已采纳
1
回答
宽、高工作台卷轴
、
、
我有一个web应用程序,它有一个健壮的表格,不幸的是,它必须相当宽和高。 小提琴: 您可以看到,为了实现表格的垂直滚动,必须向右滚动是非常不舒服的。 如果有一张桌子在里面,用direction: rtl向左移动滚动条是有问题的。我可以有一些jQuery滚动,但那不会有相同的设计与其他人。我有一个想法,那就是可以用主滚动条--浏览器窗口的主滚动条来滚动表格。我能做到这一点吗? 欢迎任何想法
浏览 0
提问于2012-08-23
得票数 0
回答已采纳
1
回答
Macbook retina CSS:由父滚动条重叠的可滚动div滚动条
、
、
发现了一个奇怪的问题,做了一些谷歌搜索,但没有找到任何类似的问题。 总之。我有一个位置固定的div在另一个位置固定的div中。在非视网膜上,一切都很好,但在macbook retina (webkit浏览器)上,父母的滚动条与本应在顶部的div滚动条重叠: position:fixed 有谁有什么想法吗?提前谢谢。 非视网膜与视网膜的视觉比较:
浏览 3
提问于2014-12-06
得票数 1
1
回答
jQuery数据拾取器导致页面溢出
、
、
、
我使用的是jQuery-UI1.8中的datepicker控件。from-date是一个文本输入。我附加了一个非常简单的日期选择器: $('#from-date').datepicker(); 这会导致页面溢出(垂直滚动条),这是我试图避免的。只要我单击from-date,datepicker控件就会出现,滚动条消失。关闭日期选择器后,滚动条不再出现。 文本字段位于具有overflow:auto和固定高度和宽度的div中。我怀疑这是z-index的问题。 我做错了什么?我该如何调试呢?
浏览 0
提问于2010-04-23
得票数 3
回答已采纳
8
回答
CSS位置:固定在定位的元素内部
、
、
、
我有一个定位的div,它的内容可能太长,所以滚动条会出现(overflow:auto设置)。它的功能相当于ajax应用程序中的一个对话框。我想在右上角修复一个关闭按钮,这样当用户滚动div时,它就不会滚动离开。 我用position:fixed; right:0; top:0试过了,但它把按钮放在页面的右上角,而不是div (在火狐中)。 是否可以只使用CSS来放置按钮,而不会在每次滚动事件时使用js中的offsetWidth/Height? ps: div的高度和宽度不是一个固定值,它取决于内容的大小和浏览器窗口的大小。用户也可以根据需要调整大小。
浏览 1
提问于2011-02-11
得票数 73
回答已采纳
2
回答
CSS/DIV问题-滚动条移动,但内容不变
、
、
、
上下文: Wordpress,自定义页面情况:当用户点击页面中的“阅读更多”时,我打开一个带有更多信息的侧面板。 问题:侧面板显示时有一个滚动条,但移动滚动条没有任何作用。也就是说,内容不会移动。 请参阅:https://www.staging11.primeinvestor.in/prime-etfs/ (请点击第三个“阅读更多”链接) 感谢您的帮助! 谢谢, Srikanth 我的CSS是: .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0;
浏览 33
提问于2020-01-27
得票数 0
回答已采纳
2
回答
固定块元素在调整窗口大小时隐藏
、
我注意到一个让我发疯的行为。 我有两个div,它们都有相似的css: .one, .two { position: fixed; bottom: 6% } 一个div用于导航,另一个用于内容,最大高度为300px。问题是,如果用户将浏览器窗口调整为非常小的窗口,则不会显示滚动条。 我试图将位置更改为绝对,但是如果加载了新页面,ajaxify插件就会破坏这个位置。我找不到其他的想法,如何将这些div定位在底部的固定位置。 附注:我在上粘贴了一个示例测试
浏览 0
提问于2013-06-12
得票数 1
3
回答
如何创建只使用主浏览器滚动条的html可滚动区域
、
、
、
我在JIRA ()中发现了一个问题,我注意到Jira4有一些有趣的滚动行为,当用浏览器主滚动条向下滚动时,JIRA标题会向上滚动,然后问题标题保持在顶部,然后问题的其余部分继续滚动。因此,问题标题总是可见的。 没有额外的垂直滚动条。它都是通过主浏览器滚动条滚动的。所以不是css就是javascript的魔力!你知道他们是怎么做到的吗? 干杯, 菲尔。
浏览 0
提问于2011-02-07
得票数 7
回答已采纳
2
回答
Fancybox不考虑滚动条的宽度
、
、
、
、
一直在试图解决这个问题,但是不能想出一个好的解决方案,而且不能看到Fancybox已经有了解决方案吗?如果我错了就纠正我。 问题:,我有一个Fancybox,它打开一个iFrame,用户在其中经历几个步骤(新页面)。其中一些有相当多的内容,这给了我滚动条,还有一些没有。问题是,Fancybox没有考虑滚动条的宽度,也给了我x滚动条。 解决方案 我可以将Fancybox的宽度设置为+ 20,这和滚动条大小差不多,但不是在每个浏览器中,如果没有滚动条,它会给我一些奇怪的间距。,我可以添加溢出:隐藏在某处,但这会裁剪我的内容太多。,我可以写一些JS自己,以确定滚动条是否妨碍了我的工作。或我可以添加溢
浏览 1
提问于2012-04-09
得票数 2
回答已采纳
1
回答
需要滚动的位置:固定;
、
、
、
我设法让这段代码为我工作,我不是一个网页设计师,我获得的知识也很少。 我终于让我的网站正常工作了,除了滚动功能,页面应该能够垂直滚动,当我将"position: fixed;“更改为"position: scroll;”时,我得到了滚动条,但它也给我提供了图像周围的白色边框,图像地图坐标将不再起作用。 对于任何语法错误,我深表歉意 非常感谢! <html> <head> <meta charset="utf-8"/> <title>Rolling Barrel :: Sport & Game</tit
浏览 3
提问于2014-12-03
得票数 0
1
回答
codename one List滚动到所选项目
我想在屏幕上显示一个姓名列表,并在安卓联系人列表应用程序的it...similar右侧显示一个垂直字母滚动条。因此,当我单击字母滚动条中的一个字母时,所有以该字母开头的名称都应该出现在屏幕顶部。
浏览 2
提问于2016-07-08
得票数 1
5
回答
固定标题表,在滚动上使用Jquery闪烁在IE11 (internet explorer)上点击的div滚动条图标点击。
、
、
、
修复了在使用定位时,标题表____When在ie11中单击滚动条图标时闪烁的问题,因为我无法更改结构,因为它动态地来自不同的来源,并进入表体结构 <tbody><tr></tr><tr></tr></tbody> 这是附加的小提琴,在chrome中工作正常,但当我检入时,当点击div垂直滚动条在图标下方或上方时,它会可怕地闪烁 任何Css或html解决方案也是可以接受的,除非html结构没有变化。 演示 JQUERY $(document).ready(function() { $('#theDiv
浏览 0
提问于2017-06-07
得票数 15
1
回答
中央分隔布局上的两个滚动条
、
我正在尝试使用引导构建一个中央划分的布局。屏幕的左边应该是固定的,屏幕的右边应该是可滚动的。 到目前为止,它运行良好,但是当我在小型设备上测试布局时,屏幕的右侧会有两个滚动条。当我在小型设备上隐藏滚动条时,右侧的内容不再可滚动。 将overflow:auto;更改为overflow:visible;解决了使用两个滚动条的问题,但屏幕的左侧不再固定,而是在右侧滚动。position:fixed;不能解决这个问题。 以下是代码: .lw { font-size: 60px; } body { margin: 0; } #left { background-color:
浏览 0
提问于2016-12-21
得票数 0
回答已采纳
1
回答
jQuery用户界面对话框出现在视口之外
、
、
、
我使用的是jQuery ui ,当页面高度大于视口高度时,会出现垂直滚动条,然后,当用户滚动页面时,对话框将离开视口区域。 是否有使对话框始终在视口区域内的选项,而不管滚动偏移量是多少?
浏览 0
提问于2013-06-01
得票数 0
回答已采纳
3
回答
使<div>出现在当前滚动位置
、
好吧,我相信这个会很难.我会先在互联网上搜索,但我不能正确地提出这个问题,我只有图片和关于它是如何做的疯狂的猜测。也许你也会觉得有趣,也许这对你来说是小菜一碟.所以我们开始: 我相信你(也许)熟悉俄罗斯和乌克兰的社交网络VKontake。就像Facebook,嗯,这个想法是从Facebook上拿来的。 因此,注意滚动条和有多少空间。当我单击下划线时,这将打开: 查看滚动条是如何变化的,您只能滚动“包装器div”的内容。但是,背景仍然是vk.com/idmyidnumber,这意味着没有发生重定向,它只添加了?w=wall57371848_7204 因此,问题如下: 如何“打印”
浏览 1
提问于2013-04-28
得票数 3
回答已采纳
1
回答
移除固定位置元件上的滚动
代码沙箱:- 如何从其中删除滚动条?
浏览 1
提问于2022-11-16
得票数 -3
1
回答
为什么滚动条影响固定/绝对元素的宽度,而不影响静态/相对元素的宽度?
、
、
、
当使用滚动条“自动显示”-feature和“始终可见”(参见OSX设置->general)时,我们注意到了OSX‘下所有浏览器的奇怪行为。 如果转换为“始终”,固定/绝对元素的100%比切换到“自动”时的宽度小15‘s。 我基本上可以理解,“总是”滚动条使用固定的空间,而“自动”滚动条是某种覆盖在内容上的滚动条。 但为什么这件事对 position:fixed/absolute 元素,但不是 position:static/relative? 我做了一个小提琴来演示这个问题,但是,您必须切换系统设置才能注意到它: 期望的结果:无论滚动条上的客户端设置如何,蓝色(#导航)和红色(#main
浏览 4
提问于2016-06-16
得票数 2
回答已采纳
1
回答
如何重现“卷轴捕捉”效果?
、
、
、
、
首先,感谢您抽出时间查看这篇文章。 我希望重新创建一个效果,我已经看过很多次,但准确地提出了。 在页面向下滚动时,用户到达一个视频元素(页面上有少量这些元素),当该元素到达屏幕顶部时,需要在离开该元素之前进行一定数量的滚动。由于元素是全视图高度,它创建了一种“锁定”效果,尽管滚动条清楚地显示我仍然在滚动。 这种互动是如何实现的? 元素的内容,模糊的,视频的,动画的文本都放在一边,一个人如何用100 video和css/js在一个长页面上重新创建这个效果呢?(不喜欢jQuery,只喜欢香草JS) 谢谢!
浏览 4
提问于2017-08-01
得票数 2
回答已采纳
5
回答
CSS - div高度= 100%,-20px
、
好吧,我读到其他一些人也有这个问题,但他们要么求助于JS,要么解决方案对我不起作用。 我有这个: // The Header // /* */ /* CONTENT */ /* */ // The footer // 目前正在进行的工作可以在以下位置找到: 除了始终显示的垂直滚动条之外,它可以正常工作。这是因为内容的高度被设置为100%,+页眉和页脚的高度,而你留下的东西总是比页面大。 我已经尝试了绝对选项(在许多其他选项中),但它们都有缺点或不起作用。只是在想,肯定有某种方法可以实现这一点?我想我不应该太害怕使用JS,因为对于使用JS的人来
浏览 2
提问于2011-11-10
得票数 2
回答已采纳
2
回答
如何使用javascript在页面加载时显示滚动条?
、
、
有没有办法在页面加载后使用javascript立即显示垂直滚动条?我有一个jquery滑动切换动画,当激活时,会使垂直滚动条出现,因为切换动画会使页面变长。问题是,当滚动条出现时,文档元素会“痉挛”或“摇晃”。如果垂直滚动条在jquery动画被激活之前出现,那么我不会有问题。 更新:overflow-y:scroll;做到了这一点,没有太多的兼容性问题!
浏览 2
提问于2011-07-17
得票数 0
回答已采纳
2
回答
删除滚动条时如何维护html内容位置?
、
有时,当显示弹出窗口时,我想要删除身体上的滚动(将其溢出设置为隐藏)。问题在于,取决于浏览器和操作系统,它可能有也可能没有永久的滚动条(就像最新版本的IOS和Ubuntu有一个滚动条,可以在悬停时切换)。 所以当我这么做的时候 $('body').css('overflow','hidden'); 内容可能会将X移动到右边,因为滚动条占用了视口的空间。为了解决这个问题,我考虑这样做: var width = $(window).width(); $('body').css('overflow',
浏览 4
提问于2013-09-26
得票数 1
回答已采纳
1
回答
没有fancybox滚动条
、
、
、
、
我对fancybox滚动条有意见。Fancybox只是使用浏览器滚动条。我需要固定高度的fancybox和滚动条在fancybox弹出。 我的html页面: <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <link rel="styleshe
浏览 0
提问于2014-08-28
得票数 1
回答已采纳
1
回答
Javafx中的滚动条不滚动
、
、
、
、
我在GridPane中有几个折线图: @FXML private GridPane LineChartVBox = new GridPane(); 这是我的滚动条: ScrollBar sc = new ScrollBar(); sc.setMin(0); sc.setOrientation(Orientation.VERTICAL); hbox1.getChildren().addAll(LineChartVBox,sc); sc.valueProperty().addListener(new ChangeListener<Number>() { public void
浏览 60
提问于2020-01-06
得票数 0
回答已采纳
2
回答
CSS流动布局,其中页脚div跟随页面的大小并停留在底部
、
、
、
我正在研究以下布局结构: <div id="wrapper"> <div id="header"></div> <div id="pageContainer"></div> <div id="footer"></div> </div> 使用以下CSS,我将页脚设置为页面底部: #wrapper { min-height:100%; position:relative; } #header { b
浏览 0
提问于2012-10-25
得票数 0
回答已采纳
2
回答
“窗口”外的内容不可见吗?
、
、
、
我正在尝试制作一个带有顶部边框的网站,但是当浏览器窗口被压缩,并且出现水平滚动条时,只有当滚动条位于其原始位置时,顶部的边框才可见。如果向右滚动,边框将停止。 HTML代码: <div id='container'> <div id='content'> As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space. &l
浏览 2
提问于2013-04-28
得票数 2
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
滚动条位置控制元素透明度变化
js控制浏览器滚动条到制定元素
JS技法-打开固定窗口
《selenium2 python 自动化测试实战》——调用js控制滚动条等操作
关于CSS的position细说
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券