在Bootstrap 4.5上只有1列滚动，而其余的都是粘滞的
，可以通过以下方式实现：
- 首先，确保你已经引入了Bootstrap 4.5的CSS和JavaScript文件。
- 在HTML文件中，创建一个包含所有列的容器。可以使用
<div>元素，并为其添加适当的类名，如container或container-fluid。 - 在容器内部，创建一个包含所有列的行。可以使用
<div>元素，并为其添加适当的类名，如row。 - 在行内，创建一个滚动的列。可以使用
<div>元素，并为其添加适当的类名，如col。同时，为该列添加一个自定义的类名，如scrollable-column。 - 在滚动的列内部，添加内容或其他需要滚动的元素。
- 在行内，创建其他粘滞的列。可以使用
<div>元素，并为其添加适当的类名，如col。这些列将会自动填充剩余的空间，并保持粘滞的效果。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Sticky and Scrollable Columns</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col scrollable-column">
<!-- 滚动的列内容 -->
</div>
<div class="col">
<!-- 粘滞的列内容 -->
</div>
<div class="col">
<!-- 粘滞的列内容 -->
</div>
<!-- 添加更多粘滞的列 -->
</div>
</div>
</body>
</html>在上述示例中，滚动的列使用了自定义的类名scrollable-column，你可以根据需要自行修改。其他粘滞的列将会自动填充剩余的空间。
请注意，这只是一种实现方式，你可以根据具体需求进行调整和扩展。同时，如果需要更多关于Bootstrap的信息，你可以参考腾讯云的Bootstrap产品介绍页面：Bootstrap产品介绍。
相关·内容
我想要一个导航栏和3列布局，只有中间的列滚动，其余的留在屏幕上。(导航和左右列是粘性的)另外，左列和右列应该在移动设备上折叠(它们确实是这样的) 这是我所拥有的 <nav> //lots of stuff here </nav>
<div class
浏览 15提问于2020-06-30得票数 0
回答已采纳
我有一个使用RecyclerView的垂直滚动列表。我试图实现的布局是，当您向下滚动到某个特定项时，如果您一直滚动到该项，它将停留在屏幕的底部，而列表的其余部分则继续在其后面滚动。目前，它是通过在RecyclerView上设置一个滚动监听器并根据需要手动调整粘滞视图的位置来实现的，但是这很难构建。
有更简单<e
浏览 3提问于2016-12-16得票数 0
回答已采纳
我通过NPM (npmjs.com)下载了bootstrap-table包。这为在我的ReactJS应用程序中设置表或数据网格提供了一些奇妙的功能。然而，有几个附加的js文件和css文件，需要额外的“位”功能。例如，向左滚动时移动的粘滞列标题，或向左或向右滚动时固定的第一列。开发者网站上的示例都是指本地脚本包含：
<link rel="styles
浏览 15提问于2020-05-14得票数 0
3回答
我想做一些类似于Facebook主页左侧第3列(广告出现的地方)的事情。当您向上滚动页面时，所有三列都会滚动，但第三列会停止滚动。如何做到这一点？它能用CSS完成吗？
浏览 0提问于2015-12-10得票数 0
我想创建一个既可以垂直滚动又可以水平滚动的数据网格，并且具有粘性的行和列标题(这样您就可以在滚动数据的同时仍然查看行/列标题)。做这件事的最好方法是什么？我曾考虑创建自己的自定义DataGrid视图来处理自己的呈现，但这似乎需要做很多工作。将多个UITableViews添加到一个UIScrollView似乎是可行的，但我不知道如何使第一行和第一列变得粘滞，而</e
浏览 3提问于2009-10-28得票数 4
回答已采纳
1回答
我正在创建一个带有几个数据表的控制台屏幕。所有这些都是可滚动的，带有粘性标题。下面是标题行的CSS： top: 0px; z-index: 100;在桌面(Windows10，使用Chrome和Edge测试)上，这是预期的；当数据滚动时，标题保持在表格顶部可见。但在iPad ( Safari和Chrome)上<
浏览 0提问于2019-03-28得票数 0
2回答
谷歌铬与位置粘稠的错误？
、、、、
作为一个网站开发者，我真的很喜欢在chrome上开发。现在我注意到了一个定位错误: Google浏览器上的粘性。定位粘滞的元素行为不正确，这意味着:一切似乎都很好，除非您将一个粘性定位元素悬停，否则它不会对交互等作出反应。(JavaScript-函数不会在单击时触发)它的位置(相关元素)是粘稠的，但它的行为是错误的！
那个问题有什么解决办法吗？
浏览 3提问于2018-03-19得票数 3
回答已采纳
1回答
我是新来的，所以如果我做错了，我很抱歉。我的目标是在页面导航中创建如下操作：在较小的屏幕上，菜单导航节点堆叠在一起，以便您可以看到每个节点，但一旦滚动，菜单就
浏览 0提问于2019-11-14得票数 0
我有一个网页，它的内容延伸超过了浏览器窗口的右边缘。我在<body>上设置了overflow-x: hidden关闭底部滚动条，但我仍然可以用触控板水平滚动，这不是我想要的。有什么方法可以防止浏览器水平滚动吗？
顺便说一句: Safari 4.0.4有时只会水平滚动，滚动感觉“粘滞”和“跳跃”，而Firefox总是平滑地水平滚动。
浏览 3提问于2010-04-16得票数 8
2回答
我对Bootstrap导航栏有问题。我使用粘滞模式，如文档中所述： <a class="navbar-brand" href=<router-outlet (deactivate)="onDeactivate()"></router-outlet>当我
浏览 2提问于2018-05-03得票数 0
有没有办法将元素数组传递给FlatList，而不使用包装器，这样以后我就可以使用stickyHeaderIndices={[1]}只使第二个元素成为粘性的？我的意图是拥有一个非粘性标题和一个粘性工具栏，并将它们传递给组件。有什么替代方法可以实现这种行为(即，)有一个列表，其中只有第二个标题变得粘滞？我尝试过的另一种方法是声明一个包含3个子对象的滚动视图：The toolbar
The flatlist it
浏览 45提问于2018-08-05得票数 4
回答已采纳
1回答
我最近遇到了一些提高网站性能的任务，但是由于在问题中使用了above和below的概念，我很困惑地意识到被问到了什么。(ーー;)任务1.01 2.
浏览 1提问于2018-05-09得票数 1
回答已采纳
我正在使用Angular 4，Bootstrap 4，并试图实现一个固定的可滚动的右div和一个固定的左div。它应该非常类似于所拥有的。Bootstrap在版本4中删除了附加的jQuery插件，所以这个方法不再有效，他们建议使用position: sticky，但我不能让它工作。
请帮帮我！
浏览 3提问于2017-05-20得票数 9
回答已采纳
1回答
我有一个固定的标题div与200px的高度。滚动时，高度会减小，直到达到一定的高度(40px)。这给出了一旦用户到达内容容器，头部就变成固定头部的效果。特别是当用户向上滚动并且标题高度增加时。。scrollTop < $element - $newHeight) { } 是什么原因导致safari在高度增加的时候出了这么多问题
浏览 1提问于2016-01-24得票数 0
2回答
与两个不同视图的同步滚动有关，我有一个棘手的问题。我已经制作了我自己的自定义网格视图小部件，它在左边和顶部都有“粘性”视图，这与网格只有一个方向。这与预期的一样，只是在两个不同的视图何时开始滚动和结束滚动时有一个轻微的时间偏移。当您认为滚动很可能是在UI线程上线性执行时，这是有意义的，我想。所有的视图都是滚动视
浏览 2提问于2011-01-04得票数 3
回答已采纳
3回答
，当用户基于此JS代码向上滚动时出现。document.getElementById('myBtn').style.visibility = 'visible'; this.oldScroll = this.scrollY;
} 现在，我想根据按钮在屏幕上不断变化的位置来更改按钮的颜色当我滚动页面时，粘滞按钮将位于不同的部分，如下所示。 ? 如果粘滞按钮在A
浏览 24提问于2020-11-21得票数 0
回答已采纳
1回答
我的Java SWT应用程序中的一个下拉列表有8个固定选项。当我点击它时，只有5个第一个选项可见，我必须向下滚动列表才能查看其余的选项。
有没有办法强迫它在不向下滚动的情况下让所有选项都可见？还有另一个类似的.NET应用程序，它有相同的下拉列表和相同的选项，它们都是可见的，而不需要向下滚动！
浏览 0提问于2010-05-21得票数 1
回答已采纳
3回答
我有一个独特的情况，在这种情况下，当向下滚动和/或向右滚动时，由于列溢出，我不仅需要标题，还需要第一行和前三列。Material-UI Table允许我在向下滚动时保持标题粘滞，而不会对溢出产生负面影响，如下例所示：
在我的表格中，标题是固定的，但第一行在向下滚动时必须固定，而在向左滚动时不固定(同样的行为)。这是为了保持溢出的
浏览 0提问于2018-06-28得票数 18
1回答
我目前有一个div (#粘滞)在我的页面的正确栏，并希望修复它的顶部，一旦我滚动到它。我想要固定在页面顶部的div (#粘滞)位于页面下方约1000 to。margin-top: 15px; position: fixed; z-index: 10000;JAVASCRIPT：(在头标签内function () {
$(window).scroll(sticky_reloca
浏览 12提问于2015-04-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
