SideBar菜单按钮随滚动移动，位于底部
，是一种常见的网页设计技术，通过固定在页面底部的位置，使得菜单按钮在用户滚动页面时保持可见。这种设计可以提供更好的用户体验，方便用户在浏览页面内容时快速访问菜单功能。
优势：
- 提升用户体验：通过固定在底部位置，菜单按钮始终可见，用户无需滚动回页面顶部或寻找菜单按钮，方便快速导航和操作。
- 节省页面空间：将菜单按钮放置在底部，可以节省页面上方的空间，使得页面内容展示更加充分。
- 强调重要功能：将菜单按钮置于底部，可以使其在页面中更加显眼，突出重要功能。
应用场景：
- 移动端网页设计：由于移动设备屏幕较小，通过将菜单按钮置于底部可以提供更好的操作体验。
- 单页应用程序：在单页应用程序中，通过固定底部菜单按钮可以方便用户在不同的页面之间切换。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些相关产品：
- 云服务器（ECS）：提供弹性计算能力，满足不同规模应用的需求。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高可用、可扩展的关系型数据库服务。产品介绍链接：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务。产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，支持开发者构建智能应用。产品介绍链接：https://cloud.tencent.com/product/ai
请注意，以上仅为腾讯云的一些产品示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
2回答
我有一个移动网站，它有一个导航菜单，显示在右上角的固定位置按钮上。这个菜单也是固定的，所以菜单的顶部开始在按钮底部以下10 so。问题是，这个导航菜单可能比正在使用的设备的高度更长，当您尝试滚动时，它将滚动导航菜单后面的内容，因为它是固定的。有人能帮我绕开这件事吗？
浏览 2提问于2014-11-04得票数 1
回答已采纳
1回答
在溢出DIV中滚动单击
、、、
我已经构建了一个移动菜单(.menu-wrap)，其中包含一个链接(#bottom-section)，它在DOM中切换一个子菜单(#support-us-nav)，但是在用户滚动之前它是不可见的。
我正在尝试修改我的jQuery，它可以切换子菜单，也可以滚动主菜单，该菜单部分工作。主菜单在单击时向下滚动，但它一直滚动到底部，直到它到达子菜单的底部，这是主菜单中的最后一个元素。我希望主菜单滚动，直到子菜单的顶部到达视图的顶部。
$('#bottom-section').on('click', function(event) {
event.stopPropag
浏览 4提问于2017-03-26得票数 0
回答已采纳
我试图在我的应用程序中添加一个语义UI侧边栏，同时保持一个固定的底部菜单。上写着
当侧边栏可见时，任何与页面内容一起移动的固定位置内容，都应该接收固定的类名，并作为同级元素存在于侧栏中。
它们还提供了一个例子：
<!--body-->
<div class="ui sidebar">
...
</div>
<div class="ui top fixed menu">
...
</div>
<div class="pusher">
浏览 0提问于2016-06-23得票数 0
4回答
我有一个按钮，我想留在屏幕的底部，无论你如何上下滚动页面。我需要它和窗户底部保持一定的距离。
我怎么才能让它变得像这样粘呢？
浏览 1提问于2015-05-04得票数 5
在我的html代码中，我有一个这样的表
|-------|
|-------|
| | |
| | |
| | |
|-------|
左下角的单元格是一个固定的位置，因此当您滚动页面时，它会上下移动。它基本上是右下角单元格内容的菜单。顶部的单元格是主菜单。
同样，整个页面都有一个页脚，它总是粘在页面的底部。这是我不能修改的东西，因为我只能将我的html添加到现有页面，而不能修改包括该页脚在内的其他内容。
问题是，当我滚动到页面的底部时，我的固定位置菜单会与底部的页面页脚重叠。
有没有办法让菜单的底部不会超过右侧单元格的底部。从而使菜单永远不会与页脚重叠。
谢谢
浏览 1提问于2013-08-03得票数 0
当用户从视图顶部向下滚动500 of时，就会出现一个粘性菜单。当用户从底部滚动到500 to时，我也想让它隐藏起来。
提前谢谢。
var stickTop = $('.sidebar-stick').offset().top + 500;
$(window).scroll(function(){
if( $(window).scrollTop() > stickTop ) {
$('.sidebar-stick').css({opacity: '1'});
$('.stick-dummy
浏览 4提问于2014-09-01得票数 0
回答已采纳
我有一些jQuery脚本来定位侧边栏菜单，以便与屏幕一起向下滚动：
<head>
<script type="text/javascript">
jQuery(function($) {
function fixDiv() {
if ($(window).scrollTop() > 365)
{
$('#Portfolio-Sidebar-Content-Web').css({'position': 'fixed', 'to
浏览 2提问于2013-05-18得票数 0
1回答
下面是指向我的页面的链接：
当我单击移动大小窗口右上角的Toggle菜单按钮时，它会显示底部滚动。
浏览 0提问于2015-12-01得票数 1
回答已采纳
1回答
我创建了一些滑动菜单，所有的工作都很好，没有一个小问题。当我滑动菜单时，我会自动转到页面顶部(滑动效果很好，但为什么当我试图打开菜单时，当我滚动页面时，当我不在顶部时，我会被转移到页面顶部？)
菜单的位置是固定的，例如，当我在页面中心时，我可以滑动它。所以简而言之:我想滑动我的菜单，而不是自动跳到页面顶部(当我这样做的时候)。
js的代码：
<script>
jQuery('.arrowleft').click(function () {
jQuery(".other_sidebar_background").css(&#
浏览 0提问于2014-01-29得票数 0
2回答
我在div的右下角添加了一个固定按钮。现在我想添加一个侧边栏，它移动到悬停状态，并包括一个菜单。固定按钮现在不在屏幕上，当通过在移动设备上单击按钮激活侧边栏时，它会移动到屏幕上。侧边栏是父div中的绝对位置。 为什么在移动设备上，固定按钮会随着绝对侧边栏一起移动？ 我的css： .float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 20px;
background-color: #F45866;
color: #FFF;
border-radius: 50px;
浏览 25提问于2020-11-23得票数 0
回答已采纳
1回答
设置窗口滚动动画的CSS值限制
、、、、
我有一个地图，当用户向下滚动时，它会滑动。然而，它似乎让地图永远滚动，而不是让用户真正到达页面的底部(有一个页脚)。
我正在尝试做的是，当它到达另一个动态大小(高度是可变的)的结尾时，停止滚动。这两个并排在同一行中。
下面是我用来使右div随用户滚动移动的JavaScript代码：
$(function() {
var $sidebar = $("#map"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
浏览 1提问于2012-08-15得票数 5
回答已采纳
1回答
我正在开发一个wordpress主题，它具有通过悬停菜单项(每个菜单项附加不同的图像)来更改背景图像的功能。在移动设备上，我想通过滚动来更改背景图像，这样观众就不需要单击每个菜单来更改背景图像。
这是我实现的通过悬停改变背景的方法。
// When any of the a's inside of sidebarContainer are hovered
$( ".sidebarContainer a" ).hover(function() {
// Removes all previous classes but keeps sidebar1
$('.sid
浏览 2提问于2016-08-27得票数 4
回答已采纳
就像我可以添加页眉一样，我希望能够添加一个页脚。我的主要问题是，我可以在抽屉底部添加一个按钮，但是当屏幕太小时，抽屉项目就会滚动到那个按钮后面。我想让按钮与这些项目一起移动，并始终定位在底部。我在xml文件中分别将Button添加到导航视图和菜单项中。
浏览 0提问于2019-03-11得票数 0
回答已采纳
1回答
我试着制作它，这样在抽屉菜单中我就有了一个选项，比如设置在屏幕底部，当你向上或向下滚动时，它会停留在抽屉的底部，可以看到抽屉中可见的部分--一个可视化的例子是android收件箱应用程序，如果你看菜单，你会发现设置和帮助和反馈按钮在底部是可以看到的，与滚动位置无关(不能发布图片，因为声誉是<10)。
关于我是如何做到这一点的一些信息，我开始用MDL模板制作我的移动焦点站点，除了在其中添加更多的项目之外，我没有改变任何东西到抽屉菜单。我的抽屉菜单里的项目数量开始变得很长，这样用户就不用滚动整个菜单了，我想让它留在抽屉菜单的屏幕底部。
提前谢谢你，为我的英语道歉。多亏了StackOverfl
浏览 4提问于2017-08-30得票数 1
回答已采纳
1回答
我有一个移动web地图应用程序溢出:隐藏体。有一个地图图例，部分隐藏在身体的右侧，菜单部分隐藏在身体的底部。
这样做的目的是单击控件的部分可见部分，并使控件滑入视图。
底部菜单比主体高，因此应该可以在y方向滚动。
问题是，我可以通过阻止touchmove事件处理程序上的默认设置来防止滚动，也可以启用滚动，这意味着单击菜单可以将整个应用程序移动到整个商店。
应用程序可以在这里访问
我使用Google工具响应视图测试触摸滚动行为。
我禁用图例项上的滚动，但不能禁用底部的大菜单滑块上的滚动。
我想阻止的是，用户将菜单从屏幕上按下，如下所示：
浏览 5提问于2016-04-18得票数 0
回答已采纳
4回答
我想创建一个尽可能小的、精瘦的菜单，它隐藏在一定视口高度的滚动中，在单击按钮后显示自己，但我有两个问题：
下面是一个，供您遵循。
当你通过点击按钮来显示菜单时，它就会出现，但是它消失的唯一方法是向下滚动或向上滚动。如果我单击#侧栏容器之外的某个地方(例如站点)，我如何使其不正确。
使用软刷新(F5)刷新页面时，会出现菜单，因为浏览器能够理解这一点，就好像页面已经滚动过一样。有办法绕过这件事吗？
以下是一些代码，仅仅是因为小提琴需要它：
$(document).scroll(function () {
var y = $(this).scrollTop();
i
浏览 4提问于2015-09-18得票数 0
回答已采纳
1回答
使切换菜单按钮粘稠
、、、
我正在编辑我的WP后端，我找不到支持使我的菜单按钮滚动与我的网页。我可以用页面制作一个菜单栏滚动，但是这个按钮有点不同。它是一个小框，当单击时，它会展开以显示菜单选项。
如何使未展开的菜单按钮与页面滚动？下面是我的header.php代码，它包含与我在firefox中检查html时发现的div按钮类相同的
<button class = "menu-toggle x"></button>)
下面是header.php代码(很抱歉看起来很奇怪--在这里读起来有点困难)
<button class="menu-toggle x">
浏览 2提问于2014-10-13得票数 0
2回答
我有一个布局与内容区域，其中有自己的滚动条，因为我想侧栏滚动独立。 内容区域的内容是使用底部的按钮动态追加的。 当内容区域的滚动位置在最顶部(scrollTop === 0)，并且我追加了更多内容时，滚动位置保持在顶部。然而，如果滚动位置不在顶部，Firefox和Chrome的表现就不同了。在Firefox中，滚动位置相对于顶部，内容会附加在下方，如果需要，可以在屏幕外添加内容。然而，在Chrome中，滚动的位置相对于底部，使按钮保持在相同的位置，导致用户必须向上滚动才能看到新内容。 有没有办法让Chrome表现得像Firefox一样？ 来澄清一下。我不希望内容区域滚动到底部后，新的内容已添
浏览 40提问于2020-09-10得票数 2
我在侧边栏上工作，我们在顶部有一个标志和一些底部的div。中间的div "content“有overflow: scroll并包含段落。所以我需要的是。如果我只有一个段落(或两个p)，按钮div应该绝对定位在内容的底部，如果我有更多的段落具有比" content“div更大的高度，那么按钮div将具有静态位置(因此将是可滚动的)。 我只需要它的CSS。有可能吗？ 我们需要IE11+支持。 <div class="sidebar">
<div class="logo">logo</div>
<d
浏览 22提问于2019-10-07得票数 0
参见链接:
我想滚动时滚动按钮是点击如何使它工作。
当你去底部，点击滚动它直接开始，但它应该慢慢地运行，当它第一次点击时，它滚动到一个内容，等等。
(function () {
$('#scrollup').click(function() {
$(".sidebar-menu").animate({
scrollTop: scrolled
});
});
})();
浏览 4提问于2014-11-11得票数 1
回答已采纳
1回答
我使用以下代码片段向用户显示未读通知： <mat-menu #menu="matMenu">
<div class="menu-item" mat-menu-item *ngFor="let item of notifications">
...item content
</div>
<button class="show-all-btn" mat-menu-item (click)="navigateToNotification()
浏览 19提问于2021-08-01得票数 1
回答已采纳
我有一个WPF窗口，顶部有一个设置菜单选项，底部有一个“下一步”和“前一个”按钮。在窗口的中间，我在选项卡控件周围有一个滚动查看器，以防选项卡控件中的数据超过窗口高度。但是，我希望让move移动底部的按钮，并在用户最大化窗口的情况下展开中间。
对从哪里开始有什么建议吗？
浏览 4提问于2014-02-21得票数 1
回答已采纳
1回答
我的网站上的<aside>的背景是灰色的。当我从移动设备访问该站点并按下菜单按钮时，菜单背景显示得很好，但当我向下滚动页面时，背景只会部分刷新，大约在下半部分留下透明度。
注意:网站使用bigcartel，所以我正在编辑的代码与从现场读取的代码不完全匹配。
我遵循了Praveen在评论中的指示：
从height: 100%中的aside {}第757行中删除theme.css
结果是，页面不再试图刷新背景，当页面被滚动时，它填充的区域保持固定。
下面是<aside>的CSS。
aside {
background-color: {{ theme.sideba
浏览 5提问于2015-12-24得票数 0
回答已采纳
假设我有一个侧面导航，我希望侧面导航是粘性的，这样它就可以和用户一起滚动。但是，侧面导航不是固定高度的:当用户在导航上打开一个带有子项的项时，它会垂直展开以显示子项。 一旦一个子菜单展开，或者我猜是在一个小屏幕上，菜单可能不会像以前那样在一个屏幕上显示。用户的解决方案是向下滚动页面以查看导航的底部，并选择他们选择的链接。然而，现在侧边菜单是粘性的，当向下滚动时，菜单将与它们一起滚动。只有当用户到达内容的底部时，菜单才会找到它的容器的末尾，并停留下来，这样用户才能访问菜单的底部。 这是我创建的一个code pen，它说明了这个问题。内容很庞大，侧面导航仅略大于屏幕高度。 .sidebar
浏览 20提问于2019-02-15得票数 0
回答已采纳
1回答
我已经使用了一个画布外的菜单，它是从左边进入的，没有任何问题。在画布外菜单的底部有一个关闭按钮。有什么办法可以让关闭按钮在离画布菜单上变得粘滞吗？
对于用户来说，必须滚动到底部才能找到底部是很尴尬(也不明显)的，尤其是在长菜单上。
编辑:添加了一些示例代码:在实时站点上可能有80个链接(而不是3个)，我希望当画布外菜单可见时，带有关闭按钮的div始终在当前屏幕的底部可见。
<div class="row">
<button type="button" class="button hide-for-large" data-to
浏览 4提问于2018-02-18得票数 0
2回答
有谁能建议我如何将这个网站的侧边栏菜单移到页面的底部：？
我玩CSS已经有一段时间了，但没有得到预期的结果：
提前谢谢你！
更新
我尝试了@Souljacker建议的以下方法：
.sidebar-container {
position: static!important;
}
正如@c-旅行所建议的：
.site-main .sidebar-container {
top: auto;
bottom: 0px!important;
}
侧边栏被移到底部，但很难看：
有没有办法把它限制在课文的末尾？谢谢。
浏览 4提问于2016-02-09得票数 0
1回答
我在屏幕底部有7个按钮，就像菜单一样。因为当我点击第四个按钮时，4个按钮是可见，前3个按钮从右向左移动，下3个按钮进入该位置，反之亦然。我应该为这个操作系统使用什么类型的动画可以使用或者如何使用
给出任何建议。
浏览 1提问于2014-04-16得票数 1
1回答
下拉菜单不继承其父位置。
、、、、
<div className="inner-dark-section">
<div
className="search-section"
style={{
width: "100%",
position: "sticky",
top: "0",
zIndex: 10,
backgroundColor: "#
浏览 3提问于2021-12-06得票数 0
回答已采纳
我使用的是库：。我把按钮放在section2中，它位于section1中。我也不能滚动。如何将按钮移动到section2？按钮在滚动过程中不会移动。
代码：
抽签：
import Sidebar from "react-sidebar";
class App extends Component {
constructor() {
super();
this.state = {
name: 'React',
sidebarOpen: false
};
}
onSetSidebarOpen = (op
浏览 0提问于2019-08-25得票数 1
回答已采纳
2回答
我的网站有一个垂直的侧边菜单，大约有20个项目。当一个项目被点击时，它加载了目的地，但侧边菜单需要再次滚动以找到活动的项目，如果在侧边菜单的底部。现在如何让侧边菜单在页面加载时自动滚动到活动项。如下所示的代码片段。请帮帮忙。 <nav class="menu">
<ul class="sidebar-menu metismenu" id="sidebar-menu">
<li class="">
<a href="page1.html
浏览 24提问于2021-07-10得票数 0
回答已采纳
我在页面底部有一个SplitButton，最初是不可见的(我们需要向下滚动查看底部)。当我滚动到SplitButton，然后按箭头按钮展开拆分按钮的菜单，菜单在SplitButton下显示为(就像计划的那样)，然后向上滚动，菜单保持在屏幕上，它是相对于窗口定位的，而不是包含的div。我试图通过将浮点: false传递给它的配置来初始化菜单，但在本例中，菜单根本没有展开。如何定位SplitButton的菜单，使其始终在SplitButton下？
我的ExtJS版本是4.07
浏览 3提问于2012-06-29得票数 2
1回答
内容与菜单重叠
、、
为移动设备创建一个html页面，部分内容显示在菜单栏上。
菜单栏上只显示底部内容，如何避免？
我还想在单击菜单按钮时禁用滚动条，而在使用Mobile触摸内容时启用滚动条。我尝试了下面的代码，但它禁用了，但在移动设备上单击内容屏幕时没有启用滚动条:(
我的Javascript：
$(document).ready(function() {
scrollTopPos = $( document ).scrollTop();
allowScrolling = true;
$(document).scroll(function() {
if(allowScr
浏览 0提问于2016-02-16得票数 0
2回答
我的Rails应用程序中的代码在单击X时成功地关闭了一个切换的侧边栏。我做了其他一些更改，以某种方式阻止了我的代码工作。当我将鼠标悬停在x上时，它会像其他链接一样高亮显示，但当我单击它时，窗口将保持打开状态，并且/#会附加到当前链接的末尾。当我单击侧栏中的其他链接时，它们会显示正确的视图，并且侧栏会关闭。我改变了一些我找不到的东西。
定义X的侧边栏：
<ul class="sidebar-nav">
<li class="sidebar-close"><%= link_to "#" do %><i c
浏览 3提问于2017-05-04得票数 0
我使用这个脚本滚动到一个显示的折叠元素：
$('.collapse').on('shown.bs.collapse', function () {
$('html, body').stop().animate({
scrollTop: $(this).offset().top
}, 500, 'swing');
});
它非常适合所有的东西，除了我的导航在非常小的屏幕上大小。在打开菜单时，我希望它滚动到导航的顶部。这对我的顶级导航很好，但对于我的第二级导航，它滚动到该部分的顶部，而不是导航。
(使用移动预览-&g
浏览 2提问于2014-09-11得票数 1
回答已采纳
我正在尝试使用SWRevealViewController实现一个SideBar / slide out菜单。我有一堆菜单。其中一个菜单是获取应用程序版本信息。因此，当我单击单元格时，AlertView会显示版本号，按下OK按钮后，我想关闭/隐藏SideBar菜单并返回到以前的视图(前面板控制器)。例如，如果我在登录控制器上，按下设置按钮以显示侧边栏，并从TableView单元格中选择版本菜单，将打开一个显示version#的弹出窗口，当我按下Ok时，SideBar将关闭并返回登录屏幕，而我不必再次点击设置按钮或滑动返回。当我在警报视图上按OK时，如何返回登录屏幕。
- (void)alert
浏览 72提问于2014-10-25得票数 19
回答已采纳
在我的模板中，当用户向下滚动时，我有一个导航按钮停留在页面的左侧，当单击时触发一个菜单。
在这个按钮中，我放置了一个引导符号：
<div class="nav" id="sidebar">
<button class="toggle-slide-left btn btn-custom btn-cutsom-cat">
<span class="glyphicon glyphicon-chevron-right"></span>
</button&
浏览 1提问于2014-07-04得票数 3
回答已采纳
2回答
是否有一种检测元素当前是否位于div?中的方法？
我有滚动垂直菜单。我设置导航div的高度，然后溢出:隐藏，所以一次只看到几个链接。
因此，我单击导航底部的图形，将链接向下移动。我有另一个图形在顶部，以获得相反的效果。
但是，我找不到一个可靠的方法来阻止动画。因此，这一运动一直在通过第一个和最后一个菜单链接。
你可以在看到这个问题
浏览 2提问于2011-03-31得票数 1
回答已采纳
我在聊天屏幕的底部有一个UIButton。我使用TouchDown检测用户开始按住按钮并开始录音(标准的信使应用程序功能)。
问题是，当按钮位于屏幕底部时，从我开始按住按钮的那一刻到TouchDown启动的那一刻，就会有1s的延迟。
当键盘显示，底部移动到屏幕上时，根本没有任何滞后。
我发现了一个类似的问题，，但该按钮不在表视图或滚动视图中。
重写按钮的touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?)方法并只打印事件显示它也有相同的滞后。
这让我认为延迟与屏幕底部的按钮位置有关。
浏览 0提问于2018-12-06得票数 7
回答已采纳
1回答
从任何地方滚动分区
、、、、
当我的页面底部。#main__)进入视图，jQuery在我的侧边栏上切换一个类，以便在页面底部不可见时使用overflow-y: scroll和overflow: hidden进行滚动。
这里想要的效果是在页面底部(在我的示例中是#main div)，但是允许侧栏继续滚动，前提是有更多的内容。
因此，即使在到达底部之后，如果要继续在#main上滚动，侧栏也会开始滚动。
现在的问题是，仅当光标在#sidebar上时，所需的滚动效果才能工作。我希望它更自然，并且不需要游标在#sidebar上就可以滚动。
<div id="container">
<div
浏览 3提问于2014-07-18得票数 4
回答已采纳
我希望有这个小按钮，当您单击它时，会添加一个新的表行，并使用jQuery平滑地滚动到新添加的行。
我在这里创建了一个示例，
请注意，这是我的代码的简化版本。真正的行允许在表中的任何位置添加行(不必在最后一行)，所以不要简单地告诉我，我总是可以滚动到底部。
但是即使只是滚动到底部，代码也不起作用。它适用于我假设的前10行，但是如果添加了更多的行，则位置/偏移量(我已经尝试过两者)似乎不正确。
要测试它，只需添加超过15行，您就会看到结果。
我注意到，如果您每次单击按钮后将滚动条移动到顶部，它似乎会以某种方式工作。
谢谢
浏览 4提问于2012-10-05得票数 0
回答已采纳
我正在使用下面的代码，它根据所在的页面(即首页、单页、页面)，在#sidebar从站点顶部达到一定高度时添加一个fixed类。
以类似的方式，我想在#sidebar到达其容器(#content)的底部时向#sidebar添加一个bottom类。如果用户向后滚动，则应该删除bottom的类，并重新添加fixed的类。
我们的目标是尝试让固定的侧边栏在到达容器底部后与容器中的其余内容一起向上移动。
JavaScript
var threshold = 236;
if (jQuery(document.body).hasClass("home")) {
threshold = 6
浏览 1提问于2014-03-22得票数 0
我习惯于用nano编辑，使用terminal.app，使用滚动手势可以轻松地上下移动文件。我正在尝试iTerm2，但是现在滚动手势只是使iTerm在历史上向上滚动，纳米工作区从底部滚动。在终端中，nano中的滚动模拟游标上下移动，并产生很好的移动文件的能力。我如何让iTerm2也这么做呢？
浏览 0提问于2018-04-25得票数 30
回答已采纳
1回答
当我使用多个浏览器在移动菜单上滚动时，在android上的默认浏览器上和IOS上的safari浏览器上，当你打开移动菜单并滚动到底部时，我会遇到问题，在菜单后面的页面上也会滚动，所以看起来不是固定/停留，而是在桌面上尝试移动视图，并且在我的手机上使用chrome和其他浏览器时，它也会被修复和保留。也许您可以帮助我检查元素来查看代码，如果我需要修复的网站是在这里：
非常感谢
浏览 5提问于2019-11-21得票数 0
回答已采纳
2回答
我使用wordpress，大约有8个菜单项，由于主题是如何设计的，一些菜单项(在移动视图中)被页脚隐藏。如何使菜单项滚动，以便在列表底部查看项目？
以下是它在移动设备上的表现：
浏览 5提问于2014-06-30得票数 1
回答已采纳
1回答
我需要我的侧边栏上下滚动与窗口，但停止时，div是在它的顶部或底部。下面的代码在页面第一次加载和向下滚动或页面缓慢向上滚动时工作，但是当页面被滚动到侧栏div的最底部时，页面必须到达顶部(然后是一些)，才能触发保证金更改。
除了卷轴之外，我还应该寻找其他的触发器吗？如何调整此代码以正确调整div？
$(window).on("load scroll", function() {
var scrollYpos = $(document).scrollTop();
var sidebarinfo = $("#sidebar").offset().to
浏览 4提问于2014-10-03得票数 0
回答已采纳
我正在尝试将Semantic-UI的固定菜单和侧边栏与React框架一起使用。我希望实现与Semantic-UI的Docs页面(在平板电脑和移动显示中)相同的效果，在顶部有一个固定的菜单，在切换时会覆盖一个左边栏。
我在这里放了一个例子：
它可以工作，但是Semantic-UI不喜欢布局，并且在控制台中提供了以下错误：
Sidebar: Had to add pusher element. For optimal performance make sure body content is inside a pusher element
Sidebar: Had to move sidebar.
浏览 1提问于2015-10-12得票数 8
我的菜单有问题。它不是完全可见或滚动移动。我在附上照片
我有位置:绝对在下拉菜单上。我可以使这个主页菜单滚动与其余的页面或任何其他css流体定位，使管理和注销链接所有设备和桌面的底部？谢谢。
浏览 5提问于2015-05-15得票数 0
回答已采纳
惯常行为：
当我们创建选项，我们通常有三个点，当我们点击三个点按钮，选项菜单将显示。底部也有扣子。单击该按钮时，将显示“选项”菜单。
我的要求：
当我们创建选项时，如何显示选项菜单而没有三点。因为我在底部有按钮，当我点击按钮时，选项菜单正在播放。但是我只需要删除三个点。(hamberger菜单)因为我的要求是，我需要在底部出现菜单的地方使用旧类型，当我们单击底部菜单时，它会在androidxappcompat活动中显示溢出菜单。
更新：我使用getSupportActionBar()隐藏菜单。但我得把选项菜单移到底部。
needsMenuKey = appliInfo.metaData.ge
浏览 10提问于2021-08-05得票数 2
当我在Visual Studio2010RTM的代码编辑器窗口中间右击时，会出现一个上下文菜单。这约占屏幕高度的四分之一，但不会显示所有选项。相反，当您将指针移动到菜单的顶部或底部时，它会向上和向下滚动。如果我在屏幕顶部或底部附近单击，菜单是正常的，不会滚动。
我可以关闭这个行为吗？这太愚蠢了。您甚至不能使用鼠标滚轮进行滚动。
编辑
我想这可能只是个bug --我已经找到了几个。
浏览 0提问于2010-04-14得票数 18
1回答
当页面没有滚动时，侧边栏正确地满足页面底部，侧边栏中的内容仍然可以一直滚动到底部。
但是，一旦页面滚动，边栏就会以导航条+边距的大小离开页面的底部。这是预期的，然而，是否有一种方法，以确保侧边栏坚持在底部的视口以及滚动后的身体？
涉及绝对或固定定位的解决方案对我来说是不够的，因为我想将侧边栏保存在文档流中。
html, body {
height: 1200px;
background: red;
margin: 0;
}
header {
height: 50px;
background: blue;
}
.sidebar {
backgro
浏览 2提问于2022-08-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
