锚点定位在bootstrap下不起作用

今天使用锚点定位的时候出现了一个小问题：

问题复现：

（1）首先页面时通过bootstrap框架搭建的，

（2）页面里面使用的是bootstrap自带的button按钮，

（3）然后按钮自带data-toggle属性，那么问题就出现了（给按钮添加锚点的时候，不起作用）

这个就是bootstrap带的button的

解决方法：

（1）给要定位的地方写 <a name="mao"></a>

（2）给按钮 “下一步” 设置锚点 <a href="#mao" class="J_next">下一步</a>

（3）注：但是必需去掉button上的 data-toggle 属性，设置的锚点才起作用。

锚点定位在bootstrap下不起作用相关推荐

html锚点定位向下偏移,html锚点定位不准确问题
#问题描述当顶部固定时,点击锚点,会跳转到锚点以下. #one,#two,#three{ height: 500px; } #top{ position: fixed; height: 100px; ...
html 标签、图像、链接、注释、锚点定位、特殊字符
常用的 html 标签 <h1>h1标题</h1> <div>这是一个div标签</div> <p ...
如何用html语言定位img,html经常使用标签(图像标签img，连接标签a，锚点定位，及路径)...
1 图像标签img (重点) 单词缩写: image 图像html HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就须要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性 ...
js锚点定位_overflow属性详解，利用CSS实现锚点定位
1.overflow的裁剪界线--border-box overflow属性用于指定块容器元素的内容溢出时的表现方式--滚动,裁剪,自适应."BFC的最佳结界"只是其衍生出来的特性 ...
标签有关用法以及锚点定位；
一.页面内的锚点定位: 锚点定位中,就算采用overflow:hidden将滚动条隐藏,但是它依然可以发生锚点定位,实现定点跳转: 1.单向定位: 锚定定位实在页面必须要发生滚动的情况下,不滚动也能发 ...
vue锚点定位（代码通用） - 总结篇
vue锚点定位(应用场景) 当前页面锚点跨页面锚点 hash模式下的锚点 history模式下的锚点应用前提:(重要的事情,说3+1遍) 任意场景.任意代码.任意框架都能对接! 都能采用! 都能 ...
mui 实现a锚点定位 (demo演示)【建议：仅作为参考】
mui 实现<a>锚点定位(演示) - [建议:仅作为参考] 更改了js部分的源码class类名,可对比官方代码,匹配学习. 重要说明: 本案例,改编自"官方demo演示地址 · ...
mui组件 a 锚点定位（Demo案例演示）- 代码篇
文章目录 `从踩坑,入坑,到跳出坑`:mui框架(在mui-scroll中如何进行页内锚点跳转) `那么,用什么方法实现锚点跳转?` `思路就是:` - 我们可以使用另外一种MUI组件,即:`(顶部选 ...
Android 实现锚点定位
相信做前端的都做过页面锚点定位的功能,通过<a href="#head"> 去设置页面内锚点定位跳转. 本篇文章就使用tablayout.scrollview来实现an ...

锚点定位在bootstrap下不起作用

锚点定位在bootstrap下不起作用相关推荐

最新文章

热门文章