文章/答案/技术大牛

发布

社区首页 >问答首页 >Bootstrap 4 Scrollspy "position: relative“要求

问Bootstrap 4 Scrollspy "position: relative“要求
EN

Stack Overflow用户

提问于 2020-05-29 19:29:15

回答 1查看 107关注 0票数 1

从bootstrap 4的网站上可以看到，要使用Scrollspy，有几个要求。其中一个要求是

"Scrollspy需要位置:要监视的元素上的相对位置，通常是。“

但是，在is元素被监视的情况下，似乎Scrollspy在没有body {position:relative}的情况下运行良好

使用w3school w3schoolScrollspyexample中的Scrollspy示例

即使我从style中删除了body {position:relative}并点击了run按钮，Scrollspy函数仍然有效。

下面是没有主体的w3schools示例{position:relative} w3schoolScrollspyexampledelposition:relative它工作得很好

谁能给我解释一下为什么上面的例子在没有body {position:relative}的情况下也能工作？

css

bootstrap-4

web-testing

html

回答 1

Stack Overflow用户

发布于 2020-07-28 22:46:40

Body标记不需要position:relative来工作，因为它已经覆盖了整个视图端口。实际上，缺省为position:static，就像其他任何元素一样，缺省为position:relative，它执行所有工作。<body>标签不需要任何position:relative就能工作，它只是在标签以外的元素中强制需要的，BootStrap4 scrollspy的W3Schools文档中提到了这一点。

在这里看一下：https://www.w3schools.com/bootstrap4/bootstrap_scrollspy.asp

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62084927

复制

相似问题

问Bootstrap 4 Scrollspy "position: relative“要求
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 4 Scrollspy "position: relative“要求EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 4 Scrollspy "position: relative“要求
EN