程序员经验分享-hwhale

Bootstrap 滚动间谍在各部分之间滑动

2024-05-23

我已经在我的页面上实现了子导航样式的 Bootstrap 滚动间谍，但似乎正在发生奇怪的事情。我有四个部分，每个部分都在一个 div 中，我已经给了一个 id。但是，当单击链接或滚动时，它会跳转到奇怪的位置。

可以在这里查看。http://www.writeupp.com/faq.aspx http://www.writeupp.com/faq.aspx

有任何想法吗？


我也遇到了你所说的类似问题。当我滚动时顶部导航闪烁。我意识到这是因为页面上有可选项卡的内容。我对此的解决方法是，除了 data-spy="scroll" 之外，还将 data-target=".navbar" 添加到我的 body 元素中，以便 rollspy 知道要更改哪个导航栏。我希望这有帮助。

<body data-spy="scroll" data-target=".navbar">
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

twitterbootstrap

Bootstrap 滚动间谍在各部分之间滑动 的相关文章

  • 带分页的过滤表

    我想要一个带有分页的表格 同时在表格标题中带有搜索框 所以使用这段代码jsfiddle分页 http jsfiddle net Xugej 1445 I want output like this 这是我的过滤代码 function sea

  • 如何将 twitter bootstrap 与 Spring MVC 一起使用

    我不明白为什么我的 Spring MVC 页面没有隐藏引导样式 我的你好 jsp

  • 使用 grunt 编译具有不同变量的 LESS

    我有基于 Bootstrap 的 HTML 模板 有不同的颜色 红色 绿色等 颜色正在改变使用 brand变量在variables less 现在我转到这个文件 更改变量 编译 less 文件 进入已编译的 css 文件目录并重命名 CSS

  • 如何在 Bootstrap 4 轮播中堆叠多个图像

    我不知道如何使用 Bootstrap 4 以及如何在一张幻灯片中显示多个小图像 例如缩略图 而不是让图像填充轮播的宽度 我已经使用下面的代码尝试了一些操作 但仍然无法堆叠很多图像 div class container h2 class t

  • 在 ASP.NET MVC 中使用 bootstrap 创建模式

    我在 ASP NET MVC 项目上使用 NET Framework 4 5 Bootstrap v3 3 6 我想做的是创建一个模态表单 我尝试了以下方法 在主布局中创建了一个模态容器 div class modal fade style

  • 如何左对齐 Bootstrap 3 下拉菜单？

    在上图中 MenuItems 与 MyMenu 的右侧对齐 我需要将 MyMenu 的 MenuItems 左对齐 我的意思是它必须与 MyMenu 的左边缘对齐 我尝试使用 pull left 和 pull right 类 例如 ul c

  • Bootstrap“navbar-brand”导致“navbar-nav”项目从导航栏中的中心位置向右移动？

    我正在尝试创建一个导航栏 其左侧有 品牌 LOGO 而实际的导航项目位于整个栏的中心 我正在使用默认的 Bootstrap 导航栏 因为我一周前才开始学习 Web 开发 到目前为止 情况是这样的 但是 您可以看到导航项稍微移动到页面实际中心

  • 为什么 Bootstrap 选项卡具有 role="presentation"？

    我正在开发一个从 Bootstrap 框架扩展的设计系统 关键目标之一是可访问性 在实现 Bootstrap 选项卡时 我发现它们适用role presentation 到其导航列表中的列表项 因此 我将 Bootstrap 模板中的一小块

  • angular.js ng-repeat 用于创建网格

    我正在尝试使用 bootstrap 3 和 angularjs 创建一个网格 我试图创建的网格是这样的 使用 ng repeat 重复 div class row div class col md 4 item div div class

  • Bootstrap 3 导航栏动态折叠

    我正在寻找引导导航栏调整大小问题的解决方案 目前 导航栏在压缩之前可以具有某种 重叠 效果 我知道这是由于媒体查询造成的 此处使用媒体查询来指示何时进行紧凑 但是我正在寻找一种解决方案 仅当 navbar nav 和 navbar righ

  • 使用 jQuery 实时更新文本

    我最近一直在用 jQuery 做一个项目 但遇到了一个问题 基本思想是创建一些 JS 代码 以便当您在选项卡上的文本框中输入内容时 div 内的文本会随着您的键入而更改 并且当您移动到新选项卡时 它会更改为文本框中的文本那里 这很难解释 所

  • Bootstrap 将图像与文本对齐

    我正在尝试使用引导程序将左侧的图像与文本对齐 并且当在移动设备上查看页面时 图像将居中于文本顶部 div class container div class row h1 About Me h1 div class col md 4 div

  • ng-bootstrap ngbDropdown 在 Angular 4 中不起作用

    在我的 Angular 4 应用程序中 ng bootstrap 中的 ngbDropdown Element 不起作用 对于这种情况 我安装了以下 npm 模块 ng bootstrap ng bootstrap 1 0 0 alpha

  • Bootstrap 4 - 带按钮标签的居中文本

    我想实现一个非常简单的目标 我有一条线 文本向左对齐 按钮向右对齐 我希望文本与按钮的标签垂直对齐 我尝试使用填充 边距 但没有任何效果 我相信我缺少一个简单而智能的解决方案 笨蛋演示 https plnkr co edit KwRF2uO

  • 关闭引导选项卡中的按钮 - 不将

    这个问题Twitter Bootstrap3 选项卡的关闭按钮 https stackoverflow com questions 23211290 close button for twitter bootstrap3 tabs展示了如何

  • ASP.NET MVC，Bootstrap Tables，获取每列的值

    在 ASP NET MVC 中 我有一个操作 它接受有关行和列的用户输入 然后导航到根据用户输入生成所需行数和列数的操作 如下所示 Views div class container style width 1px div class ro

  • 检查 Bootstrap Datepicker 脚本是否已加载

    我收到错误 Uncaught TypeError undefined is not a function 当我尝试设置日期选择器时 datepicker datepicker 如何确定日期选择器是否已加载 需要明确的是 我没有使用 jQue

  • Bootstrap 手风琴菜单不起作用

    我设计了一个如图所示的手风琴菜单 如果单击菜单 打开的菜单将关闭 这就是手风琴的功能 但在这个设计中 我逐个单击菜单 但前一个没有关闭 如何解决这个问题 提前致谢 jQuery document ready function var acc

  • 使用 bootstrap 将搜索图标放入文本框中

    我默认使用引导程序 文本框占据列的全宽 我想将搜索图标放在文本框的末尾 我的代码是这样的 div class container div class row div class form group col lg 4 div div div

  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下

随机推荐

  • Cocoa App 中使用#include 编译错误

    我正在尝试在 xcode 4 0 中编译 Cocoa 应用程序 但收到此错误 fatal error string file not found 当尝试在这一行编译为 pch 文件时 include

  • 将 echo 和 print 合并到一个语句中

    echo 1 print 2 3 返回 214 脚本如何以 14 结尾 当你这样做时 echo 1 print 2 3 PHP 会做 demo http codepad viper 7 com OfrNrs line op fetch ex

  • 从 Flask 运行 NPM 构建

    我有一个 React 前端 我想在与我的 python 后端 API 相同的源上提供服务 我正在尝试使用 Flask 来实现此目的 但我遇到了 Flask 找不到我的静态文件的问题 我的前端构建是用生成的npm run build in s

  • pandas 相当于 np.where

    np where具有向量化 if else 的语义 类似于 Apache Spark 的when otherwise数据帧方法 我知道我可以使用np where on pandas Series but pandas通常定义自己的 API

  • 获取特定时区一天开始时的时间对象

    如何获取代表给定时区特定日期的一天开始时间的 ruby Time 对象 date Date today date to time in time zone America New York beginning of day 目前输出 gt

  • 给定一个排序数组，就地删除重复项，使每个元素仅出现一次并返回新长度

    完整的问题 我开始在线学习 python 但对这个标记为简单的问题有疑问 给定一个排序数组 就地删除重复项 使得每个 元素只出现一次并返回新的长度 不分配 另一个数组的额外空间 您必须通过修改输入来完成此操作 数组就地 具有 O 1 额外内

  • 来自嵌入图像的 BitmapSource

    我的目标是在 WPF 窗口上重写 OnRender 方法中绘制图像 someImage png 它是嵌入资源 protected override void OnRender System Windows Media DrawingCont

  • 如何在 NLog 中记录网络目标的异常

    我正在使用NLog http nlog project org日志框架 并尝试获取任何 UDP 记录器应用程序中显示的异常和堆栈跟踪信息 例如Sentinel http sentinel codeplex com and Log2控制台 h

  • 测量进程消耗的 CPU 时钟

    我用 C 语言编写了一个程序 它是作为研究结果创建的程序 我想计算程序消耗的确切 CPU 周期 精确的循环次数 知道我怎样才能找到它吗 The valgrind tool cachegrind valgrind tool cachegrin

  • 如何解决 Webpack 2 loaderUtils.parseQuery() 警告？

    当我使用 Webpack2 编译我的文件时 它显示以下警告 loaderUtils parseQuery 收到一个非字符串值 可以 有问题 参见https github com webpack loader utils issues 56

  • 使用 Imagick 动态图像创建/Apache 标头

    在将现有的稳定网站转移到新服务器时 我遇到了一些使用 Imagick 动态创建图像的代码的间歇性问题 该代码解析 GET 查询 例如 example com image php ipid 750123 r 0 w 750 h 1000 然后

  • Sphinx内联代码高亮

    我使用 Sphinx 制作一个包含代码示例的网站 我成功地使用了 code block获取语 法高亮的指令 但我无法使用此代码获得内联语法突出显示 role bash code language bash Test inline bash

  • 让 TeXstudio 在 linux mint 中工作：找不到文件“url.sty”。

    刚刚切换到 Linux Mint 以前的顽固 Windows 用户 我在尝试安装 TeXstudio 时遇到一些问题 Sudo apt get install texstudio 给了我一个正确的安装 至少 我是这么认为的 但是当我尝试构建

  • 如何查找或安装适用于 Python 的主题 tkinter ttk

    过去 3 个月我一直在制作一个机器人 仅用代码就可以完美运行 现在我的下一个目标是为它制作一个 GUI 但是我发现了一些障碍 主要的一个是能够看起来不像一个 30 年前的程序 我使用的是 Windows 7 我仅使用 Python 3 3

  • JAVA中遍历JSON数据

    我是 JSON 新手 我使用 HTTPUrlConnections 并在 JAVA 程序中获得一些响应 响应数据将类似于 data id 1 userId 1 name ABC modified 2014 12 04 created 201

  • 如何在sql server 2008R2中将单个单元格拆分为多个列？

    我想将每个名称拆分为各个列 create table split test value integer Allnames varchar 40 insert into split test values 1 Vinoth Kumar Raj

  • 调整屏幕和字体设置的 WPF 应用程序（或者，我如何将 DLU 与 WPF 中的单元相关联？）

    在MFC中 对话框的设计使用DLUs http msdn microsoft com en us library bb847924 aspx 在 WPF 中 我们以 1 96 英寸为单位指定 虽然这确实会缩放窗口和视觉元素 但我们如何使 W

  • 如何使用 NextJS 使用自托管字体face？

    使用 NextJS 的字体 我已经阅读了有关如何在 NextJS 中使用自托管字体的不同主题 我得到了什么 wait compiling 当我这样做时 font face font family montserrat src url myp

  • admob ios7错误音频框架

    我正在将 admob SDK 当前的 集成到我的上一个应用程序 IOS7 Xcode5 中 并且出现了一个新错误 在新项目上也是如此 我想我错过了一些东西 但我多次重新启动该过程 但错误仍然存 在 Undefined symbols for

  • Bootstrap 滚动间谍在各部分之间滑动

    我已经在我的页面上实现了子导航样式的 Bootstrap 滚动间谍 但似乎正在发生奇怪的事情 我有四个部分 每个部分都在一个 div 中 我已经给了一个 id 但是 当单击链接或滚动时 它会跳转到奇怪的位置 可以在这里查看 http www

热门标签