我如何通过道具与手推车道具。这样我的侧边栏就会切换
通过道具与手推车道具的方式，您可以实现侧边栏的切换。具体实现方法如下：
- 首先，您需要在前端开发中使用HTML和CSS来创建一个侧边栏。可以使用HTML的
<div>元素来创建侧边栏的容器，并使用CSS样式来设置其位置、大小和样式。 - 接下来，您可以使用JavaScript来实现通过道具与手推车道具的交互。可以通过给道具和手推车道具添加点击事件监听器，当点击道具时，触发事件处理函数来切换侧边栏的显示状态。
- 在事件处理函数中，您可以使用JavaScript来修改侧边栏的样式，例如通过修改CSS类名或直接修改样式属性来隐藏或显示侧边栏。
- 如果您需要在切换侧边栏时加载不同的内容，您可以使用AJAX技术来异步加载内容。可以通过发送HTTP请求获取不同的内容，并将其插入到侧边栏中。
- 在云计算领域中，您可以将道具和手推车道具类比为云服务和云平台。云服务是指通过互联网提供的各种计算资源和服务，例如计算、存储、数据库、人工智能等。云平台是指提供云服务的基础设施和管理工具，例如服务器、网络、安全、监控等。
- 在应用场景方面，通过道具与手推车道具的方式可以实现动态切换侧边栏，使用户可以方便地浏览不同的内容或功能模块。这在各种网站和应用程序中都有广泛的应用，例如博客网站、电子商务平台、管理系统等。
- 腾讯云提供了丰富的云计算服务和产品，可以满足各种需求。以下是一些与云计算相关的腾讯云产品和产品介绍链接地址，供您参考：
- 云服务器（CVM）：提供可扩展的虚拟云服务器，适用于各种应用场景。产品介绍链接
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于存储和管理大量数据。产品介绍链接
- 人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 云存储（COS）：提供安全可靠的云存储服务，适用于存储和管理各种类型的数据。产品介绍链接
- 云安全中心（SSP）：提供全面的云安全解决方案，包括DDoS防护、Web应用防火墙等。产品介绍链接
请注意，以上仅为腾讯云的一些产品示例，其他云计算品牌商也提供类似的服务和产品。
相关·内容
我有一些定制的扩展。它们显示在右边的侧边栏中，我以前让它们直接出现在侧边栏的手推车下面，它出现在顶部，因为它有before=“-在checkout.xml文件中。
自从升级到1.4.2之后，我的自定义扩展现在出现在侧栏的顶部。我已经将after="cart_sidebar"添加到扩展xml布局中，但是它们仍然出现在侧边栏的购物车之上。
更改扩展的顺序时，它们只在它们之间移动，总是位于顶部--例如，如果我将after=添加到其中任何一个扩展中，它们只会出现在其他自定义扩展之后，但仍然位于cart和其他默认侧栏项的顶部。
有人知道为什么吗？
更新：
我打开了“模板路径提示”，对于我
浏览 3提问于2010-12-28得票数 3
在我的项目中，我正在构建使用，我有如下所示，我想让它，所以当我按下一个按钮，目前是在“顶部”，它最小化了侧边栏以及我的顶部酒吧的左侧，其中包含一些元素。如何在两者之间正确传递打开/关闭的状态，或者如何实现？我是否需要将侧边栏和顶部栏合并成一个组件？干杯。
<div className="App">
<div className='Root-Container'>
<Topbar />
<div className='Sub-Pannels-Root'
浏览 1提问于2022-10-27得票数 0
1回答
我已经试着解开这个谜团一周了。 我正尝试在我的Nuxt/Vue网站上用Vuetify设置一个侧边栏，人们点击汉堡菜单，侧边栏就会打开。为此，我将汉堡菜单设置为运行切换方法。 <v-app-bar-nav-icon @click="toggleSidebar"></v-app-bar-nav-icon>
......
<script>
import { mapMutations } from 'vuex';
export default {
methods: {
...mapMutations({
to
浏览 13提问于2019-09-14得票数 0
回答已采纳
2回答
我试图显示一个标题，侧边栏和一个组件。标题和侧栏应该始终显示。第三个组件将根据侧边栏上单击的项目呈现。
对于侧栏，我使用的是material@next <Drawer />组件。对于导航，我使用react-router-4，如下所示：
App.js
render() {
return (
<Router>
<div>
<Route component={Header} />
<Route path="/dashboard" component={Sidebar} /&g
浏览 0提问于2018-04-14得票数 0
回答已采纳
我正在使用语义-UI-反应和语义-UI来编写一个web应用程序。我正在处理的页面大多是静态的，但是我想用语义-UI-React替换下拉列表和边栏，而不是使用jQuery。但是，下拉菜单(下拉列表在其中)和侧边栏是完全不同的组件，我不知道如何从我的菜单中打开侧边栏(没有嵌套我的页面内容在侧栏中的推土机内容)。谢谢!
下面是我要做的事情的一个例子：
import React, { Component } from 'react'
import { Sidebar, Segment, Button, Menu, Image, Icon, Header } from 'sema
浏览 1提问于2017-11-22得票数 0
回答已采纳
我有一个隐藏的侧边栏的布局，它显示在右边，通过使用.toggleClass from jQuery来切换/关闭侧栏。当类切换(可见)时，侧边栏从右侧出现，.css规则填充- right :250PX；将应用于具有Bootstrap容器类的#包装器。
容器类内置到使页面响应的Bootstrap.css中，因此它根据浏览器窗口宽度调整大小。当前设置它的方式是，当侧边栏打开时，它可能重叠，也可能不重叠容器，这取决于当前浏览器窗口的宽度.我可以设置一个css规则来调整容器的大小，并打开/关闭那个类，但是这并不考虑有时不需要添加它。只有当由于窗口不够宽而出现重叠时，才需要添加。
css：
#wrappe
浏览 1提问于2015-12-23得票数 0
假设我有一个固定的侧边栏，它是XXpx tall (如果你想了解我的意思，请参考 )。只要浏览器的高度大于侧边栏，侧边栏看起来就像我想要的那样。但是，当浏览器的高度缩小到侧边栏的高度以下时，底部的内容就会被截断。
最初，侧边栏有position: fixed，但如果浏览器太小而无法容纳整个侧边栏，我想将其更改为position: aboslute。本质上，我希望在页面加载和任何时候用户调整大小完成页面大小调整时都这样做，它将检查以确保底部内容没有被切断，然后分配适当的position属性。
浏览 0提问于2012-03-08得票数 0
回答已采纳
当我打开侧边栏时，我想把主要内容放在侧边栏下。
但在Vuetify的官方网站上，我找不到任何相关的东西。在这种情况下我应该怎么做？
在打开导航栏部分时，mainContent的填充似乎发生了变化，是这个原因吗？
============
app.vue：
<template>
<v-app>
<Header
v-on:leftChange="leftChange"
></Header>
<Left
ref="Le
浏览 0提问于2020-04-06得票数 0
2回答
我正试图在侧边栏上创建一个切换键，以便切换按钮打开侧边栏。这在桌面上很好，但是，如果我使用的是移动，切换按钮就会隐藏起来。是否可以在侧边栏中添加一个关闭按钮，该按钮可以在不破坏脚本的情况下关闭侧栏？我的剧本是：
<div id="sidebar">content</div>
<div id="filter-icon">Refine Selection <div id="filterswitch"></div></div>
<script>
jQuery(docum
浏览 4提问于2020-02-18得票数 0
回答已采纳
3回答
我有一个在左边作为侧边栏的div，然后剩下的(右边)是一个IFrame。我的侧边栏的宽度是50，我希望只要鼠标靠近它的右边，它就会隐藏起来，然后当鼠标“进入<50区域”时，侧边栏就会再次显示。
这是可能的还是跨域访问有问题？
浏览 4提问于2012-04-19得票数 2
回答已采纳
我是框架的新手，我的目标是只有当我们通过localStorage登录时才显示标题和侧边栏。我无法在登录后显示标题和侧边栏。无法提供正确的路由。有人能在这个问题上帮我吗？
浏览 6提问于2020-03-11得票数 0
2回答
我正在为我的react项目设计一个侧边栏，我有一个可以正常运行的侧边栏。正如您将看到的，我还创建了一个按钮，它基本上是从左到右打开侧边栏，从右到左关闭它。但是我不能让按钮起作用。如果能帮上忙，我们将不胜感激。提前谢谢。这就是我在输出1中得到的：https://i.stack.imgur.com/qnOHz.png这是我有侧边栏的文件 import React, { Component } from 'react';
import {NavLink} from 'react-router-dom'
import './TableStyle.css'
浏览 14提问于2020-07-01得票数 1
初始屏幕启动，然后导航到主屏幕和参数设置。我想在侧边栏组件中获取参数。
const navigateActionHome = NavigationActions.navigate({
routeName: 'drawerStack',
action: NavigationActions.navigate({
routeName: 'HomeScreen' ,
params : { username : 'Testing' }
})
})
this.props.navigation.dispatc
浏览 9提问于2017-12-26得票数 2
2回答
负z索引剔除链接
、、、
我正在试着给我的页面添加一个侧边栏。页面上的主体容器有一个方框阴影，所以我希望侧边栏看起来像是从容器下面出来的，这样阴影就会在它上面。我将侧边栏div设置为body容器的直接子容器(具有position: relative)，并将其位置设置为绝对，然后使用top和right位置值对其进行定位。我把它放在正确的位置，然后应用一个负的z指数，这样它就会在身体下面。问题是，这使得我放在侧边栏中的任何链接在除IE9之外的所有地方都无法点击。我不知道如何才能在不破坏链接的情况下完成这项任务。有什么想法吗？
我会发布一个显示示例的页面的链接，但我正在积极地对其进行更改，所以当您单击它时，您可能看不到我要做
浏览 0提问于2011-04-04得票数 3
我的侧栏组件是
render() {
return (
<Link to={"/test/1"} >Task 1 </Link>
<Link to={"/test/2"} >Task 2 </Link>
<Link to={"/test/3"} >Task 3 </Link>
<Link to={"/test/4"} >Task 4 </Link>
)
}
我的细节部分是
componentWillReceivePr
浏览 0提问于2018-03-14得票数 0
回答已采纳
据我所知，基于我在网上找到的几个例子，以及我相信我从Wave UI的抽屉源代码中正确理解的一般模式，我所做的事情应该是正确的。 基本上我有一个侧边栏组件，我希望它可以根据提供给它的值属性来隐藏(这个想法是可以根据父组件需要的任何东西，屏幕大小，切换按钮等进行更改)。因此，侧边栏组件上有一个监视函数，用于对props.value中的更改做出反应 Sidebar.vue <template>
<aside v-if="mountSidebar" class="min-h-screen">
<slot></slo
浏览 32提问于2021-05-09得票数 1
回答已采纳
1回答
这就是我的情况，我想在JFrame的右边实现一个侧边栏。侧边栏在默认情况下是隐藏的，如果我单击一个按钮就会出现。
为了隐藏侧边栏，我将JSplitPane的分隔符位置设置为一个非常大的值，比如10000。它可以在普通的java应用程序中正常工作。另外，我将JSplitPane的setResizeWeight设置为1.0。
但是，如果我在一个小程序中运行它，当我调整JFrame的大小时，侧边栏会出现在右边一点。
即使我调整了JFrame的大小，如何隐藏侧边栏？任何想法都是受欢迎的。ps。我需要在java 1.4中完成它。
浏览 2提问于2010-10-05得票数 0
1回答
目前，我正在学习VueJS，并且正在使用。
我已经构建了一个包含多个页面的应用程序-每个页面都包含一个侧栏(抽屉组件)。
因为我不想在每个页面中一次又一次地复制和粘贴相同的抽屉组件代码，所以我只想创建一个侧栏组件，然后将其导入到每个页面上。
到现在为止还好。
这工作得很好。
但是现在-我希望能够打开和关闭侧边栏。在此之前，当组件直接出现在页面中时，这很简单--只需使用布尔值进行变量赋值，即可显示或隐藏侧边栏。但是现在，对我来说，在组件上同步属性似乎非常困难。
让我向您展示当前的新代码，以澄清问题所在：
因此，这是页面组件：
<md-toolbar class="md-primar
浏览 55提问于2018-05-31得票数 0
回答已采纳
1回答
我正在做一个侧边栏导航:当我们点击切换按钮时，侧边栏就会打开，直到我们再次点击切换按钮时它才会打开。对于相同的侧边栏，我有一个悬停函数:在mouseEnter上，侧边栏打开，onMouseLeave边栏关闭。
我遇到的问题是关闭侧栏onClick。当我单击“关闭”按钮时，边栏将保持打开状态，因为触发了mouseEnter函数。
我希望mouseEnter在肚脐关闭动画完成后做好准备。
以下是单击事件的代码：
$('body').on('click', '.sidebar-toggler', function (e) {
v
浏览 3提问于2016-01-15得票数 0
回答已采纳
我正在建立一个带有侧边栏的网站，一旦用户滚动通过某个点，它就会在网站上固定下来。这段代码运行良好。
我遇到的问题是，当用户滚动到页面底部时，侧边栏会与页脚重叠。我写了代码来检测侧边栏的底部何时到达它包含的元素的相同位置-当发生这种情况时，我取包含元素的底部的位置，减去侧边栏元素的高度，并使用这个数字给侧边栏提供新的“顶部”(同时也将位置更改为“绝对”)。
这就是我遇到问题的地方--当用户滚动被调用的代码时，侧边栏在页脚上方时，正常的“固定”位置代码和“绝对”位置代码之间的交替会给它带来闪烁的效果。
我真搞不懂为什么“修复”的代码总是被调用。
代码如下：
<code>A0</c
浏览 20提问于2020-11-14得票数 0
2回答
我对反应很陌生。实际上我今天就开始学习了。我想在一个网站中构建一个单一的侧边栏组件。
我使用UseState切换一个侧栏，并使用一个名为openHandler的函数来验证侧栏已经处于活动状态。
我想知道我应该如何接近边栏内的开关。如果所有句柄都在主文件(App.js)中完成，我应该如何更改侧栏的状态？
如果这个问题说不通，我真的很抱歉。
下面是一个SandBox示例，说明了我要说的内容。
如果有人知道我应该学会玩什么，那就太好了。
提前感谢
浏览 2提问于2020-04-04得票数 1
回答已采纳
1回答
我需要展示我的手推车弹出的反应引导像这样
in Navbar.js
<Offcanvas show={sideshow} onHide={handleClose} placement='end' style={{marginTop:'8vh'}}>
<Offcanvas.Header closeButton>
<Offcanvas.Title>Keranjang</Offcanvas.Title>
浏览 1提问于2022-11-01得票数 0
回答已采纳
1回答
我看到了一些类似的问题，所以，但没有完全符合我的需要。我用React和Material来制作仪表板。我使用的材料-UI的迷你变体抽屉作为侧边栏，与链接，应该显示路线时，点击。可以通过单击一个按钮打开侧栏，该按钮更新状态变量并调整侧栏的CSS className。这将导致侧边栏/抽屉“滑动”打开。
如果我单击侧边栏上的链接，我可以很容易地显示所需的路由。然而，当侧边栏/抽屉打开时，我也无法找到“滑”到一边的路线。通过查看代码可能更容易理解，因此我在下面包含了一个代码框的链接：
我基本上复制和粘贴了所有的材料-UI网站(使用v4我相信)，然后添加了自己的路线。如能就如何解决这一问题提出任何反馈意
浏览 3提问于2021-12-09得票数 1
回答已采纳
1回答
现在我有一个完美的插件()可以把我的博客翻译成两种语言。在右边的侧边栏中，我现在有两个插件自动提供的链接，它们在我博客的每个页面上都有效。-->
问题是，我不想要侧边栏中的语言选项。我想把它放在我的博客的顶部。但是插件只允许我把它放在侧边栏中。
我试着用CTRL+SHIFT+I复制主页上的超文本标记语言，然后复制侧边栏上的整个超文本标记语言块并将其粘贴到我博客顶部的超文本标记语言中。但是它就不能工作了。
<ul>
<li class="lang-item lang-item-37 lang-item-nl lang-item-first"><
浏览 2提问于2017-02-05得票数 0
我试图找出如何切换侧边栏，显然<code>D0</code>是这样做的方法，但当我执行它时，它会在编辑器顶部的中间打开输入栏，就在菜单栏的正下方，输入"edt“(包括空格)。
我的keybindings.json文件显示我应该ctrl+b确实切换侧边菜单。
如果我删除"edt“并按ctrl+b，它就会重新生成它。
有人知道怎么解决这个问题吗？谷歌上也什么也没显示出来。
浏览 49提问于2018-12-18得票数 3
回答已采纳
1回答
悬停时的侧边栏菜单折叠
、、、
我想在我的页面上添加一个边栏菜单，看起来像上的那个
它的工作方式是，当你悬停在侧边栏时，菜单就会出现。当鼠标离开侧边栏时，菜单将隐藏。
作为一个额外的(feedly没有)，我希望当菜单折叠出来时，内容被推到右边。
有人能告诉我这是怎么做到的吗？
我试着调查他们的来源或找到类似的东西，但不能...
任何关于从哪里开始寻找的指示都将不胜感激！
浏览 0提问于2014-03-06得票数 1
1回答
我有一个使用bootstrap-vue的侧边栏。我使用两个图标来切换这个侧边栏。单击图标时，我使用isOpen初始化为false的function(){isOpen = !isOpen}切换侧边栏，并将图标从栏改为关闭，效果很好。在侧边栏中，我有一个ul标记和几个带有router-link的li标记。我的问题是，当我使用到另一个路由的路由器链接时，图标仍然没有改变，因为现在isOpen是真的。如何在单击路由器链接时将isOpen设置为false。我想我需要将图标绑定到b侧边栏的一些属性上，但是我找不到它。请帮帮我!这是我遇到的问题的一张图片。 这仍然是有效的。侧边栏正在打开，图标变为关闭图标
浏览 62提问于2021-07-14得票数 0
回答已采纳
我正在使用UISplitViewController为我的应用程序创建一个侧边栏-它的样式是.doubleColumn，我将preferredDisplayMode设置为它的默认自动行为。它看起来像Photos应用程序，在景观中，主列和次列都是可见的，而在纵向中，只有次要列是可见的(有一个后退按钮显示主顶部)。
在横向显示中，如果用户按下切换侧边栏按钮以隐藏主列(或通过键盘快捷方式切换)，旋转到纵向，然后旋转回景物，侧栏就会不被隐藏。这与Photos应用程序不同，后者一旦用户隐藏了侧边栏，就会一直隐藏，直到他们解除隐藏(即使是在启动应用程序的过程中)。我想实现同样的行为。
为此，我想我可以使用
浏览 4提问于2022-05-08得票数 0
回答已采纳
1回答
语义HTML -边栏导航
、、、
我有一个侧边栏，其中包含的应用程序的主导航。它还包含一个button，它触发侧栏的打开/关闭。在语义方面，标记应该是什么样的呢？
我应该把侧边栏放在一边，然后在主导航周围有一个导航，不包括打开/关闭触发器。
或者将整个侧边栏包装在一个nav中，包括打开/关闭触发器。
还是将侧边栏包装在section中，其中包含不包括打开/关闭触发器的nav？
或者没有任何section或aside，但是只有一个排除触发器的nav，在这种情况下，我仍然遵循下面的最佳实践。是否应该将触发器视为内容？或者应该是网页大纲的一部分？
W3建议：
最好的做法是将页面上的所有内容都包含在地标中，这
浏览 1提问于2019-07-09得票数 2
我是iOS开发的新手，我正在创建一个有侧边栏的应用程序，用户可以从这个侧边栏中选择要跳转到的视图。提供的视图是导航控制器的一部分。NavigationController是revealViewController的前端，因此侧边栏将出现在链接到NavigationController的每个窗口中。
贝娄，你可以看到我的故事板。
问题是，如果我单击菜单(侧栏)中的Map("Mapa")项，我将不得不从navigationController移到第二个视图。如果我使用常规导航，导航属性就会消失。是否有方法移动到任何视图并维护导航层次结构？
提前谢谢你，
凯奥·盖德斯
浏览 3提问于2016-03-20得票数 0
回答已采纳
1回答
我正在建设一个网站，其中有2个侧边栏和一个列之间的侧边栏。侧边栏和中间列都有较长的内容，迫使用户向下滚动。但问题是。有时，到中间栏的帖子不像侧边栏那么长。我是说比侧边栏还少。因此，如果用户向下滚动，他们到达文章的末尾，从那时起，中间列将为空，但侧边栏仍然有内容。我需要滚动，以使中间的列到达结束在同一时间与侧边栏，无论哪一个是更长或更短！
如果您在这个页面上向下滚动，您会发现，有时侧边栏移动，有时是中间列：。
浏览 2提问于2017-09-18得票数 0
回答已采纳
我有一个侧边导航，在小型设备上可以很好地从左侧切换。一切都很完美，除了当你点击侧边栏中的一个链接时；我不想用导航栏来隐藏和显示内容div，但是它被卡住了，你必须点击切换按钮来删除侧边栏。我应该怎么做才能让导航栏在不使用折叠的情况下在单击时消失？
按钮
<button type="button" id="sideBtn" class="navbar-toggle leftToggle" data-
toggle="offcanvas">
<span class="sr-only">M
浏览 1提问于2018-05-03得票数 0
我在ASP .NET中做了一个侧边栏模板，当我点击左上角的X按钮时，左边的侧边栏就会出现。侧栏是在母版页中创建的。我在其他页面中使用了这个母版页，我在一个页面上做了一个div。问题是它出现在侧边栏上，而不是侧边栏下面。有什么办法能把它放在侧边栏下吗？
下面的链接指向模板的图像
浏览 2提问于2014-09-08得票数 0
回答已采纳
2回答
我试图使2列(侧栏)的SMF论坛软件的响应主题。我想在右边放一列，它会100%地扩展它的父级的高度。
仅供参考，我刚刚开始将默认主题转换为响应式主题。
通常，我不会遇到这些问题，或者响应式设计。然而，我弄不明白为什么侧边栏的高度总是与标题的高度相匹配。
侧边栏HTML在标题HTML之外，在标题HTML之前。然而，当你给侧边栏一个固定的宽度，比如400px的via inspect元素，它也会扩展头部的高度。我对此感到困惑，因为在代码端它似乎没有意义。
我想如果我有另一双眼睛，就会有人帮我解决这个问题。
谢谢。
浏览 2提问于2012-12-04得票数 0
回答已采纳
1回答
退回标记
、、
我想知道有没有人能帮我。
我使用下面的页面来允许用户查看他们选择的标准的标记，并在左侧的侧边栏中列出结果。我正在尝试做的是使标记，无论是通过侧边栏选择还是在地图上反弹，一旦选择了另一个，标记就会停止反弹。
我可以让标记从侧边栏和地图上的标记中反弹，但我找不到一种方法来阻止标记在另一个被选中时反弹。我已经浏览了这个网站和其他各种教程中的线程，但我找不到任何关于如何将“弹跳”功能从一个标记移动到另一个标记的内容。
我想知道有没有人能帮我看看这个，然后告诉我哪里弄错了。
非常感谢和亲切的问候
浏览 0提问于2011-11-24得票数 1
回答已采纳
1回答
这是我创建的钢笔：
在您单击橙色箭头div之前，我已经将id=“侧栏”设置为显示:无；
单击橙色箭头div时，它将200 is移动到左侧，侧边栏显示属性设置为'auto‘。
整个动画不是我想要的。
我希望整个sidebarContainer +侧栏/侧栏在200 of之前从sidebarHandle的位置移动到左侧。此时，动画从侧边栏的右侧开始，因此动画看起来很糟糕。
我如何才能得到飞离/抽屉被打开和关闭的行为？
<div id="view" style="height:400px;">
<div style="he
浏览 0提问于2015-01-25得票数 1
回答已采纳
我试图修改我的新Ubuntu18.04安装的外观，但侧边栏(Ubuntu )似乎一点也不改变。我已经能够改变应用程序和外壳的外观(通过安装新主题和使用微调)，但它们似乎都没有影响侧边栏--除了图标包确实会影响侧栏上显示的图标。但是，这只影响图标，其余的siebar看起来和以前一样。
这部分能改吗？我希望它可以，因为不是所有的主题与这个黑色的侧边栏工作。
Adapta：
📷
平板Remix：
📷
我期待码头与其他桌面的外观相匹配。如果还有什么需要下载/安装才能实现，请告诉我。
一些可能有帮助的信息：
Ubuntu版本: 18.04.3 LTS
GNOME: 3.28.2
浏览 0提问于2019-10-04得票数 0
我的页面上有一个侧栏，其中包含一个表单和一些过滤器。侧边栏最初是折叠的，可以通过“鼠标中心”事件在上面悬停时展开，当鼠标通过'mouseover‘事件离开侧边栏时，侧边栏就会崩溃。这似乎很好，但是当我试图在表单中添加一个输入字段时出错了，该字段包含一个带有文本选项列表的datalist。现在的问题是，当我悬停在选项上时，侧栏将触发一个'mouseleave‘事件并崩溃，即使datalist/ options元素是侧栏元素的子元素。是否有办法防止侧边栏崩溃，还是我最好使用select而不是datalist，因为select标记似乎不会触发'mouseleave'？
浏览 4提问于2022-07-11得票数 0
4回答
用CSS转换隐藏屏幕外的元素
、、、、
我正在制作一个网页应用程序，其中包含一个隐藏的侧边栏，从右边移动显示。实现这一目标的最明显的方法是在父元素上隐藏带有overflow: hidden;的侧栏，并使用css转换来动画right属性，以便当用户按下按钮时它就会出现。
然而，我发现，即使overflow: hidden;禁用滚动条，用户也可以通过使用Ctrl+F或对边栏上的一个元素进行选项卡来滚动父元素到侧边栏，而这个元素应该是屏幕外隐藏的，在此过程中将一些主应用程序推到屏幕外。
虽然这不是一个特别大的问题(它可以通过再次切换边栏来解决)，但它显然是不可取的，而且我还没有找到一个很好的方法来处理它。
我可以使用javascript
浏览 9提问于2015-07-21得票数 3
回答已采纳
2回答
如何在中添加2个滑动菜单
、、、
我需要为我使用.But mdl布局的设计添加两个侧边栏抽屉(左侧和右侧)，不支持添加两个侧边栏drawers.How，我可以这样做吗？
浏览 2提问于2015-12-15得票数 2
回答已采纳
1回答
物化图钉溢流底
、、、、
我正在尝试实现一个“粘性”的响应式侧边栏。
我正在使用Materialize Pushpin来完成这项工作()
我似乎不能让底部偏移量正常工作。它有时会中断，如果内容的高度小于侧边栏本身，我就会溢出。
我已经创建了一个codepen，这样您就可以更好地理解。
code
考虑到侧边栏和内容的高度可以从小到大变化，用这种布局实现粘性响应式侧边栏的正确方式是什么？
提前感谢你，Stackoverflow！<3
浏览 1提问于2017-03-20得票数 0
1回答
我的站点有一个侧栏(代码中的FiltersSideBar)，其中包含过滤器。当浏览器展开到全屏时，侧边栏在左侧处于打开模式。如果屏幕宽度小于600，侧栏将被隐藏，并出现一个按钮(在我的代码中是ArrowBackIosNewIcon)，该按钮可以打开侧边栏(就像覆盖主页一样)。
我的代码的问题是，当侧栏更改位置(打开/关闭)时，它的状态不会被保存--所有侧栏元素都返回到它们的原始状态。尽管应用的过滤器继续工作。
也就是说，如果用户在全屏模式下选择了任何筛选器(例如，选中了某些类别)，则应用这些筛选器。但是在浏览器窗口缩小之后，过滤器本身仍然被应用，但是侧边栏将以默认模式显示(即复选框再次为空)。
浏览 4提问于2022-07-07得票数 0
回答已采纳
2回答
首先，我对bootstrap非常陌生，所以在这一点上请试着容忍我。我一直在一个网站上工作，这个网站有一个引导侧边栏，我试图让它正常工作。我见过其他的例子，但我不知道该怎么做。
在侧边栏上，我在每个项目之前使用了一个<i>元素图标，在本例中是toggle icon-chevron-right。我想要做的是，当有人单击侧边栏上的项目时，显示子项目，图标将更改为将icon-chevron-right切换为toggle icon-chevron-down。
我尝试过一些JavaScript，试图让它正常工作，但无济于事。任何见解都会有所帮助。
浏览 0提问于2013-03-01得票数 0
回答已采纳
2回答
我一直在遵循一个指南来折叠侧边栏。我意识到我不能使用$，因为它是在Svelte中保留的。有人能指导我如何让它工作吗？谢谢:)
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
});
浏览 19提问于2020-02-20得票数 0
回答已采纳
1回答
浮动vs绝对定位难题
、、、
我最近在上询问如何将侧边栏的高度设置为等于此上的容器。
基本上，我有两个侧边栏，其中一个包含一个手风琴。当你点击某些按钮(在本例中是"Services“按钮)时，手风琴就会打开并导致侧边栏的增长。这就是我想要的，然而，侧边栏的高度不会粘在容器的底部。
为了解决这个问题，我通常会将侧边栏绝对定位在容器的顶部和底部。这样做的问题是，当accordion展开(单击时)时，它将重叠在侧边栏的底部。
我需要一个解决方案，随着他手风琴的增长，侧边栏将与它一起增长。解决方案还必须让侧边栏等于容器的完整高度。欢迎使用纯CSS或Jquery！
浏览 1提问于2011-01-06得票数 0
2回答
当使用css3 transform()时，position: fixed不适用。我制作了一个完全工作的jsFiddle，展示了这个问题：
首先向下滚动，注意左边的侧边栏是固定的.现在，单击expand，然后向下滚动，注意左边的侧边栏现在是而不是修复了。
知道这是否存在原生css修复吗？
浏览 1提问于2013-09-27得票数 23
回答已采纳
3回答
如何使侧边栏与页脚对齐？
、、、、
我的侧边栏有问题。我现在正在编码的设计是有意让侧边栏稍微重叠在网站的标题上。然而，问题是我可能使用了错误的方法。
侧边栏应该与页脚对齐，但由于我使用：
#sidebar {
width: 270px;
position: relative;
left: 690px;
bottom: 125px;
如果我不使用这些行，侧边栏就会匹配，但我找不到任何其他方法。
还有另一个问题，当添加内容时，侧边栏将自动显示所有侧栏内容和主要内容，尽管侧栏框架将停留在相同的位置。
如果你想看一看，我已经在codepen中包含了这个页面。
谢谢你的帮助，迈克尔:)
浏览 2提问于2013-03-02得票数 1
回答已采纳
1回答
Jquery和Angularjs
、、、、
所以我试图折叠一个侧边栏，我把它存储成一个角元素。我试过在模板URL和页面代码中使用切换脚本，但都没有这样做。在网站的每一个其他页面上，我仍然有一个非角度的侧边栏，它没有问题地倒塌。
<div ng-app="appHeaderApp">
<div ng-controller="sidebarcon">
<div ng-repeat="stab in mySideTabs">
<app-sidebar info="stab"></app-sidebar>
浏览 0提问于2016-05-23得票数 1
回答已采纳
我最近从Ubuntu 16.04转到Ubuntu18.04。因此，我现在在电子邮件视图的右侧有一个“进化论”侧边栏。如何删除这个侧边栏？
在实际的电子邮件视图和“要做”侧栏之间移动标尺没有帮助:这样只能使侧边栏非常苗条，但不能使其完全消失。
浏览 0提问于2019-05-02得票数 3
回答已采纳
我想添加切换样式按钮附近的左侧侧边栏为折叠和打开/关闭左方栏的Wordpress默认的二十五个主题。
我有这样的代码，只用于删除左边的侧边栏：
body:before,
#sidebar,
#colophon,
.entry-footer {
display:none;
}
.site-content {
margin: 0 auto;
float: none;
width: 100%;
max-width: 1200px;
}
那么，我怎样才能添加一个箭头来手动打开和关闭二十五个主题的左边边栏呢？当左侧侧边栏关闭时，如何自动拉伸整个站点？
浏览 0提问于2017-10-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
