关闭时，Bootstrap 5 offcanvas将滚动回到顶部
。
Bootstrap 5是一种流行的前端开发框架，它提供了丰富的组件和工具，用于构建响应式和现代化的网站和应用程序。其中一个组件是offcanvas，它用于创建一个侧边栏或抽屉式的导航菜单。
当关闭Bootstrap 5 offcanvas时，它会自动将滚动位置回到顶部。这是因为offcanvas组件内部使用了JavaScript代码来处理关闭事件，并在关闭时执行滚动到顶部的操作。这样做的目的是为了提供更好的用户体验，确保用户在打开和关闭offcanvas时都能回到页面的顶部。
关闭时滚动回到顶部的功能对于长页面或需要滚动的内容特别有用。它可以帮助用户快速返回页面的开头，而不需要手动滚动回去。
在使用Bootstrap 5 offcanvas时，可以通过以下方式关闭并滚动回到顶部：
- 使用JavaScript代码关闭offcanvas：
- 使用JavaScript代码关闭offcanvas：
- 使用HTML属性关闭offcanvas：
- 使用HTML属性关闭offcanvas：
无论使用哪种方式关闭offcanvas，都会触发滚动回到顶部的操作。
总结： 关闭时，Bootstrap 5 offcanvas会自动将滚动位置回到顶部，以提供更好的用户体验。这个功能对于长页面或需要滚动的内容非常有用。在使用offcanvas时，可以通过JavaScript代码或HTML属性来关闭offcanvas并触发滚动回到顶部的操作。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站了解更多详情：https://cloud.tencent.com/
相关·内容
我有一个简单的bootstrap 5 offcanvas元素。这包含一个指向html页面主体中的锚点的简单链接。 我将offcanvas配置为没有背景并启用正文滚动。 现在，当我打开offcanvas en时，单击链接。正文将滚动到页面的该部分。但当我合上画布外。body滚动回到顶部。我怎么才能把身体放在原处呢？ 似乎用来打开画外画布的按钮又重新获得了焦点。我试过这样的东西。 var myOffcanvas = document.getElementById('offcanvasExample');
//var bsOffcanvas = new bootstra
浏览 121提问于2021-05-04得票数 3
3回答
UPDATE:为了消除一些混乱--我添加了一个小提琴，演示了它应该如何工作，但它只是缺少了滚动间谍：，我如何将滚动间谍添加到这个小提琴中，这样当我在特定的部分时，菜单就会突出显示？
我创建了一个固定的左侧菜单，在浏览器宽度为<992px的平板和移动设备上，它变成了一个画布外菜单。当我在浏览器宽度>992px上选择锚链接时，它会关闭菜单并导航到锚链接部分。
自定义JQuery代码：--这是我的自定义jQuery代码，当我单击锚链接时，它会关闭离开画布菜单：
// close off-canvas menu and navigate to anchor
$('.navm
浏览 9提问于2017-02-02得票数 10
回答已采纳
1回答
菜单上的画布错误移动
、、、、
我不知道这是否真的是一个bug，但发生的情况是:我在移动中，如果我向下滚动到页面底部，菜单就会被切断，当滚动结束时，他回到了正常状态，我认为这是因为我使用的是固定位置，我在我的cellphone.My测试服务器上放置了一个 (PS:使用的图像不是我的，我只是用于测试)，我真的不知道如何解决这个问题，看起来这是一个呈现问题……
印刷：
HTML：
<nav class="off-canvas" id="offcanvas">
<ul class="itens">
<a
浏览 2提问于2017-05-17得票数 1
回答已采纳
问题背景：
我在用Jasny Bootstrap的显示菜单。在这里可以找到一个演示：
问题：
在我的“显示”菜单中，我有一个表单，当按钮打开或按一下关闭时，需要将显示面板滚动到顶部。下面显示了以滚动条活动显示的菜单面板：
以下是菜单的菜单标记：
<div class="navmenu navmenu-default navmenu-fixed-left" id="updateMenu">
//*********Form**********
</div>
<div class="navbar navbar-
浏览 2提问于2016-07-14得票数 1
回答已采纳
1回答
我试图设置一个导航栏与离开画布菜单，并希望删除它左边包含的品牌元素，所以，当我删除它的引导自动对齐导航的菜单按钮回到左边，但我想让它在右边。有人知道我怎么解决这个问题吗？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<l
浏览 1提问于2022-02-05得票数 0
回答已采纳
我使用Webpack导入了Bootstrap 5插件
import Offcanvas from '../node_modules/bootstrap/js/dist/offcanvas';
import Dropdown from '../node_modules/bootstrap/js/dist/dropdown';
import ScrollSpy from '../node_modules/bootstrap/js/dist/scrollspy';
事件运行正常，如下所示：
var myOffcanvas = document.getE
浏览 0提问于2021-05-02得票数 2
1回答
这个应用程序一直在工作，直到我把react路由器添加到项目中。我没有收到任何错误，它接受所有的页面，但是没有任何呈现到页面，这与我放置"BrowseRouter“标记的位置有什么关系吗？
编辑:根据评论，是浏览路由器标记破坏了它们，但现在当我单击导航按钮index.js时，屏幕变成了白色：
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.css';
import
浏览 5提问于2022-03-21得票数 0
1回答
使用Bootstrap 3.3.1，我能够获得堆叠的modal，而不需要任何额外的脚本(比如在Bootstrap站点中复制粘贴模态模板，并使其中许多模板位于同一个页面中)。问题是，每当顶部(最高)模式关闭时，滚动焦点就会转到主页(在所有剩余的modals下)，并且只有在打开一个新模式时才返回到顶部模式。是否有办法将滚动焦点设置为下一个模式，而不是主页？
当我测试解决方案时， (甚至是)将文本添加到body和单独的modals (通过Firefox的"Edit“测试滚动)，它具有我所需要的特性。
当我尝试使用最新的jQuery和Bootstrap时，出现了一个问题：modal-backd
浏览 2提问于2014-12-09得票数 10
回答已采纳
2回答
.cursor-pointer {
cursor: pointer;
}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link hre
浏览 18提问于2021-05-16得票数 0
回答已采纳
我在玩Bootstrap 5的画布外功能。我正试图得到一个按钮，以连接到边的画布滑出抽屉。所以当抽屉在画布上时，按钮是可见的。当按钮被点击时，抽屉会滑出，但不是将抽屉的内容覆盖在按钮上，相反，按钮的作用就像它附着在滑出的抽屉上，并随之移动。如下所示：
我不确定这是否可能。如果是的话，我该怎么做呢？
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-
浏览 3提问于2021-12-16得票数 2
回答已采纳
我有一个网页，有一长串的项目(引导“卡”，准确地说)。使用Bootstrap 5，我添加了一个带有html书签链接的脱画布侧边栏，以帮助用户跳转到页面上所需的位置。代码如下(为了简单起见，我截断了它)：
<body>
<div class="offcanvas offcanvas-start" id="list">
<div class="offcanvas-header">
<h1 class="offcanvas-title text-primary">List Vi
浏览 4提问于2022-04-02得票数 0
我想知道我如何才能意识到画布是否是用javascript显示的？
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasLabel">Offcanva
浏览 11提问于2021-09-24得票数 0
回答已采纳
我需要当页面滚动时，我的固定顶部导航栏改变活跃的链接类别。我如何使用jquery做到这一点？横断面没有固定的高度。
HTML：
<nav class="navbar navbar-toggleable-sm navbar-inverse main-navigation fixed-top">
<div class="d-flex align-items-center content-nav-wrapper col-10 offset-1">
<h1 class="mr
浏览 3提问于2017-12-02得票数 0
回答已采纳
2回答
我使用了和React的组合，为了制作一个单一的页面应用程序，我尝试了几种方法，当我点击一个链接时，我已经尝试了几种方法来关闭离开画布菜单。我试着在切换菜单的链接上做一个内联脚本，但是我发现菜单按我想要的方式关闭了，但是链接只带我到了它应该导航到的地方。
到目前为止，这是我的代码：
import React from "react";
import { Navbar, Nav, Container, Offcanvas } from "react-bootstrap";
import { StaticImage } from "gatsby-plugin-
浏览 5提问于2022-02-21得票数 3
2回答
我想保持粘性标题保持在我的#主div顶部。
这是我的js 。即使是在反应模式下。我尝试了下面的代码，但它不起作用。
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome";
@import "navbar";
body,
html {
height: 100%;
overflow: hidden;
position: relative;
}
body {
padding: 10px;
}
.row-offcanva
浏览 4提问于2017-05-16得票数 1
回答已采纳
当我点击这个按钮时，画布就会弹出，但当我点击它时，它就会关闭，就像我点击它的外部一样。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-
浏览 7提问于2021-12-08得票数 0
1回答
我正在使用一个启动带画布作为一个移动站点的<nav>菜单。该菜单的目标是，当用户单击<li>时，将其向下滚动到网站的该部分。我创建了一个简单的js脚本，单击“离开”按钮，然后使用ID将用户滚动到网站的该部分。问题是，画布然后卷动网站回到自己的位置。
它确实做我所需要的，直到按钮再次聚焦或者其他东西被触发，这会导致站点回滚到按钮所在的顶部。
我查看了它，并读到Bootstrap在使用它们的modal时给身体添加了一个开放模式类，而当您使用他们的画布时，我假设它是一个类似的类，这将删除滚动条，这可能会影响它。我还看到，如果使用js脚本创建元素，则应该删除data-bs-to
浏览 3提问于2022-09-02得票数 1
1回答
引导5水平滚动到零
、、、、
在我制作的每一页上，这个页面都能水平滚动一点点。当它滚动时，那里什么也没有，页脚和页眉结束在屏幕的边缘，只是滚动成白色。它只是一点点，但很烦人，因为滚动条占用了我的小笔记本空间。注意标题侧面的空白。1：
因为这发生在每一页，我有一种感觉，它与我的CSS的页眉或页脚，虽然我不知道是哪个。我已经包括我的CSS和我的主页下面。
我希望有人能帮我结束水平滚动。
CSS:
#navbar {
background-color: #1A409F;
position: center;
}
#NavBrandText {
color: white;
text-decorati
浏览 1提问于2021-11-10得票数 0
回答已采纳
当我点击汉堡的时候，我有一个带有一个引导的画布导航条的反应应用程序，它来自右边。当我单击离开画布元素或组件内的x时，它会工作并关闭，但当我单击链接时，它会呈现新页面，但导航条仍然是打开的。当用户单击指向新页面的链接时，是否可以强制关闭它？
下面是导入到头中的导航条代码，导入到App.js中：
import Container from 'react-bootstrap/Container';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar&
浏览 1提问于2022-07-24得票数 2
2回答
修复画布边栏
、、、
我已经在我的项目中实现了来自的画布边栏模板，并将其固定在中小视图中。问题是，我试图修复它的xs，但它真的消失了。
我怎么才能把它修好呢？
css
html,
body {
max-width: 100%;
overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
padding-top: 70px;
}
.sidebar-offcanvas {
position: fixed;
top: 50px;
right: 0;
height: 100%;
wi
浏览 1提问于2015-03-09得票数 0
1回答
引导导航栏无法在实时网站上运行
、、、、
我的导航栏是我使用BootrapleOff画布示例创建的，在我的本地环境中非常好。但是在将我的构建上传到一个实时网站后，导航链接会导致404错误，说明页面不存在。但是，底部的页脚能够正确地链接和加载页面。
这是我的海军：
import React from "react";
import logo from './logo_small.png';
import styled from 'styled-components';
import Button from 'react-bootstrap/Button';
imp
浏览 17提问于2022-07-23得票数 1
1回答
我正在使用Vue.js 3和Bootstrap 5的最新版本构建一个SPA。在主页中，我使用了一个与文档中的代码非常相似的引导元素。
画布的定义如下所示
<div class="offcanvas offcanvas-start" tabindex="-1" id="categories">
<div class="offcanvas-header">
...
</div>
<div class="offcanvas-body">
浏览 16提问于2022-03-26得票数 0
我在我的网页中有一个底端，我会在点击卡片时打开它，尝试设置所需的属性，或者使用文档中的代码--它不工作--因为离开画布只显示背景，并立即关闭它。
以下是我尝试过的：
const products = document.getElementsByClassName("card product");
var productClick = function (event) {
event.preventDefault()
var myOffcanvas = document.getElementById('offcanvasBottom')
浏览 4提问于2021-03-26得票数 3
回答已采纳
1回答
如何在模态中显示引导带画布
、、、、
是否可以在中显示引导带
这是我的代码：
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdel
浏览 10提问于2022-10-26得票数 2
0回答
我有一个非画布菜单和一个包含内容的容器。当我向下滚动网站并打开和关闭菜单时，我试图将滚动的位置保持在我所在的位置。现在，当关闭菜单时，它会滚动回到站点的顶部。这可能是因为我给容器设置了一些css样式，以防止滚动。
当I console.log offsetY时，它会在关闭菜单时显示0 as offset。那么我做错了什么呢？
所以我得到的是：
mainHeader.on('click', '.nav-trigger', function(event){
// open primary navigation on mobil
浏览 12提问于2017-06-19得票数 0
回答已采纳
1回答
活线帆布自带5
、、
我使用Livewire和Bootstrap 5，在Livewire组件中有一个在单击按钮时显示的离开画布。在这个画布中，我有一个文本区域，它通过LiveWire向服务器发出请求。
这个请求使画布消失，而我希望它保持显示。为此，我使用电线:忽略-自我。这是很好的工作，但覆盖不停留，因为它是通过引导生成，所以它不可能把它放在忽略自我。怎么做？
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample"
aria-labelledby="
浏览 5提问于2021-10-18得票数 1
1回答
嗨，我最近使用bootstrap 4 offcanvas模板来构建我的网站
现在我想让我的侧边栏跟随用户滚动，但bootstrap删除了affix类，并建议使用css位置粘性。我试着这样做，并针对侧边栏，但它搞乱了布局。以.nav为目标也无法工作
Html
<div class="container-fluid header navbar-fixed-top">
<div class="row">
<div class="hidden-md-up col-xs-2"&g
浏览 4提问于2016-04-27得票数 3
好的一天，我想隐藏引导-5/画布时，我点击链接在里面。这里是画布：
//Button activate Offcanvas
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar"
aria-controls="offcanvasDarkNavbar">
<span class="navbar-
浏览 5提问于2022-08-20得票数 1
回答已采纳
2回答
我正在尝试扩展我网页的红色边栏。目前看起来是这样的：
我正在结合使用Bootstrap和Flask，我无论如何也想不出如何让它一直延伸到页面的底部。我尝试过使用flex或更多，但似乎没有什么能改变它。我的代码如下：
我的HTML文件：
<div class="container-fluid">
<div class="row row-offcanvas row-offcanvas-left">
<div id="sidebar-wrapper" class="
浏览 0提问于2018-06-14得票数 3
我需要用jquery在bootstrap 4的导航栏中单击后更改链接的活动类。但它不起作用。我在jquery中的代码可以完美地与其他链接一起工作，但不能与导航栏一起工作。有什么问题吗？
导航条代码：
<header class="d-flex main-header">
<div class="container header-container">
<nav class="navbar navbar-toggleable-sm navbar-inverse main-navigation fixed
浏览 5提问于2017-12-03得票数 0
回答已采纳
1回答
我试图使用引导带4的画布菜单，如 -在iOS 10.3 Safari关闭时，菜单是隐藏的，但打开而不是滑动到左边只是走部分方式-屏幕抓取显示它打开。工作在Mac和windows浏览器上。
我在caniuse中查找了大部分CSS，对于我的Safari来说一切似乎都很好。
下面的代码(减少示例的版本)
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=d
浏览 3提问于2018-02-08得票数 0
它在野生动物和镀铬中都很好。
<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:200px !important;">
</nav>
但它在firefox中的高度为888 in。
<nav class="navbar navbar-fix
浏览 1提问于2015-07-14得票数 0
回答已采纳
我想让Bootstrap 5有一个多嵌套的offcanvas。当我单击一个按钮时，第一个offcanvas应该打开，然后单击第一个offcanvas上的另一个按钮，第二个offcanvas应该在第一个offcanvas上打开，第一个offcanvas不应该关闭。我将使第二个更小，因此第一个仍然显示。
<a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="of
浏览 0提问于2021-10-09得票数 0
5回答
Chrome记住滚动位置
、、、、
我遇到了一个问题，这实际上是Chrome上的一个“功能”。正如你们大多数人可能知道的那样，Chrome会记住一个滚动位置，当你返回到一个页面时，它会返回到那个位置。我对此有点问题。
有没有办法在不引起用户注意的情况下覆盖它？
Mees
试用失败：
document.ready上的ScrollTop
浏览 121提问于2013-04-26得票数 27
回答已采纳
我正在尝试弄清楚如何使用Bootstrap 3制作画布外导航(从右侧滑入)，但切换仅在视区小于992px时显示，而正常引导导航仅在视区大于992px时显示。
jasny-bootstrap是一个很好的开始，但我想不出当viewport大于992px时如何显示正常的Bootstrap nav，而且我想使用最少的JS而不需要包含整个库。
我已经从bootstrap off canvas页面做了这个小提琴，但仍然不能弄明白。
它是使用以下代码实现的
$(document).ready(function () {
$('[data-toggle=offcanvas]').click
浏览 14提问于2014-05-15得票数 0
2回答
角4中的引导脱画布示例
、、、、
我是新开发的角，我试图复制这个引导导航条在我的应用程序。问题是，当我把肚脐传递到角时，肚脐的反应就不起作用了。我安装了所有必要的依赖项才能工作，但它不起作用，我也不明白为什么。
这是一个完美的例子，但它是在不使用角的情况下构建的：
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport"
浏览 1提问于2018-04-14得票数 0
回答已采纳
它是关于一个用Bootstrap 5创建的项目。问题是，通过单击锚链接，离开画布菜单保持打开。若要在单击后关闭菜单，我将对onclick事件使用以下代码：
function close_offcanvas() {
var element1 = document.getElementById("eff_nav_toggler");
element1.classList.remove("collapsed");
var element2 = document.getElementById(
浏览 0提问于2022-05-14得票数 0
回答已采纳
1回答
将画布引导到WordPress
、、、、
我试图将引导画布添加到wordpress页面，使其在xs设备上可见，如下面的示例所示
我的theme.js文件夹似乎没有加载在我的wordpress页面中。
这是page.php代码
<?php get_header(); ?>
<div class="container">
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-md-9">
<p class="pul
浏览 5提问于2014-08-09得票数 0
回答已采纳
我已经实现了一些代码，当键盘显示时，它将自动设置UIScrollView的ContentOffset，并将覆盖当前活动的控件。
例如，如果用户点击窗体底部的UITextView，则该UIScrollView将向上滚动，以便整个控件可见。
这一切都工作得很好，直到用户点击到另一个UITextView。在这一点上，UIScrollView认为有必要滚动回到视图的顶部，这非常恼人。
我尝试了一个我认为是显而易见的答案: ShouldScrollToTop。然而，这是一个有点误导的名称，因为它只在用户点击状态栏时才适用。
如果在显示键盘后将ScrollEnabled设置为false，用户将无法滚动表单
浏览 10提问于2011-11-14得票数 1
回答已采纳
我最近发现了twitter bootstrap，并且我一直在深入研究最新版本的Bootstrap 3。在网站上，有一个我一直在修改的"Off Canvas“模板的例子(这里： )。但是这个示例中有几个东西对我来说是没有意义的。
在"Off Canvas“模板示例中，有一些div元素引用了"row-offcanvas”、"row-offcanvas-right“和"sidebar-offcanvas”等类。我在bootstrap.css中找不到这些，在Chrome DevTools中也找不到。当我删除这些类时，我也看不到任何效果。这些类有什么用途吗？或者在
浏览 2提问于2013-10-28得票数 5
回答已采纳
我有这个问题。当我点击“男人”链接时，页面滚动，但男人不愿打开。这是我的代码笔链接(出于某种原因，代码不读che css颜色链接，但不要担心它) Js的建议？我刚刚尝试了点击功能，但不起作用。
谢谢大家都能帮我！
链接码
.nav-link{
font-weight: 300;
}
.text-menu{
font-weight: 200;
}
.navbar-toggler{
border: none;
}
.offcanvas-header{
background-color: #0c0c0c;
padding-left: 2.5rem;
浏览 9提问于2022-12-03得票数 0
2回答
创建了一个Offcanvas组件，并在其中创建了一个具有onClick事件处理程序的Button。问题是，每当加载组件时，onClick就会自动触发。我不知道为什么会发生这种情况，所以我想在这里找到任何指示。我的代码：
<Offcanvas show={canvas} onHide={handleClose} scroll="true" style={{fontSize: 12}}>
<Offcanvas.Header closeButton>
<Offcanvas.Title>
浏览 3提问于2022-07-11得票数 0
回答已采纳
1回答
我刚刚下载了Bootstra3Dist，它只包含css/js/字体。
我创建了index.html并粘贴了，到目前为止都运行良好。然后，我用固定顶部的更改了包含的导航条，但是现在我看到了一个200 but的空白顶部空间，在导航栏上方，我无法使用FireBug精确定位。
这是我的HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" conten
浏览 0提问于2014-01-03得票数 4
回答已采纳
我正在使用Bootstrap 4文档中的脱画布实验代码，但它并不是设计为当您单击菜单外时关闭的，这是我真正想做的事情。
我在web上尝试过几个jquery片段，但是它们利用了引导程序的.collapse，当我编辑它们以包含自定义的.off画布崩溃类时，它们就不起作用了。
<nav class="navbar fixed-top navbar-dark bg-dark">
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="
浏览 0提问于2019-07-29得票数 3
回答已采纳
1回答
为响应站点构建引导模板。它需要在桌面和平板电脑上显示一个简单的水平导航条，然后在手机上显示画布幻灯片。找到了一个例子菲尔休斯(iamphill)在吉突布。当我适应这一点时，下拉菜单项就停止工作了。当我点击这两个下拉列表中的任何一个时，不会发生任何事情。铬探测仪没有错误。验证HTML、CSS和JS不会显示任何信息。这个bug要么太明显要么太微妙。
! function(t) {
"use strict";
"function" == typeof define && define.amd ? define(["jquer
浏览 2提问于2016-10-31得票数 0
回答已采纳
新的引导和使用alpha版本的引导4为我的家庭网络创建一个网站。
我希望侧边栏填充整个页面的左边，从顶部的导航栏开始。现在，在顶部导航栏和侧栏之间有一个大约20像素的小间距。我也希望它继续下去，尽管页面的大小。
我正在使用引导的管理模板，并根据我的需要对它进行了修改。
CSS：
body, html {
height: 100%;
}
body {
padding-top: 70px;
}
/* BrandName Top Navbar */
.so-navbar-top {
background-color: #087ca7;
height: 48px;
}
浏览 1提问于2017-07-03得票数 1
回答已采纳
1回答
我使用Bootstrap3中的一个构建了一个侧边栏。它工作得很好。但是怎样才能像导航栏一样固定它的位置，这样我就不会在向下滚动时丢失它了。
我尝试向<div class="col-xs-6 col-sm-3 sidebar-offcanvas sidebar-nav-fixed uploadSideBar"添加.uploadSideBar类，如下所示
.uploadSideBar {
margin-top:117px;
postion:fixed
}
但它并没有起作用。
浏览 0提问于2013-08-24得票数 2
回答已采纳
2回答
我正在努力使对双方都有效。到目前为止，我设法使它在两边幻灯片，但由于我不是很好的css，因为某些原因，菜单没有到位，他们应该在哪里。在引导中有非常相似的模板，所以这里有一个非常类似的示例，其中我是
$(document).ready(function() {
$('[data-toggle="offcanvas"]').click(function () {
$('.row-offcanvas-both').toggleClass('leftActive');
});
$('[dat
浏览 1提问于2016-07-09得票数 2
回答已采纳
我有一个网页，我在那里添加一个iframe (仅适用于移动设备)。
我希望做的是添加这个iframe，它被设置为占据100%的宽度和高度，然后阻止用户滚动出iframe (例如，他们打开iframe，他们在iframe上，直到他们点击“退出库存”。向下滚动不会返回到正常页面)。
我发现的一个非常棒的例子是：
如果你在手机上打开并点击右边的按钮，它会打开一个屏幕，上面写着“取消”和“下一步”。如果你尝试在这里滚动，它会一直把你拉回来，甚至看起来都不会移动iframe。
对此有什么建议吗？
请注意，我曾尝试将"overflow: auto；-webkit-overflow-scrollin
浏览 0提问于2014-07-22得票数 0
我正在用React开发一个项目。(这是一个学习项目。我是React的新手)我正在使用React-Bootstrap for UI。我正在设计肚脐。我想做一个在md断点之前有效的画布，但是我得到了标题中提到的错误。我无法尝试任何事情，因为我不完全理解错误。我正在从HomepageNavbar组件中获得错误。我也在那个组件里写了我的代码。
首先，我设计了经典的Navbar，它成功了。然后我添加了Offcanvas，得到了错误。
它在工作：
<Navbar bg="transparent" variant="light">
<Con
浏览 2提问于2021-10-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
