路由跳转到页面指定位置（瞄点），并且导航栏进行相应的高亮显示
制作公司官网，免不了通过点击不同的导航栏到跳转到不同页面的指定位置。同时也会遇到页面时跳转了，但是导航栏没进行相应的高亮显示 总结: document.getElementById().scrollIntoView()和this.$route.name 第一步解决路由跳转到页面指定位置 ...
原文：页面刷新跳转后，导航栏高亮显示跳转前的点击位置
需求：比如有一个二级或三四级的菜单栏，页面不跳转时实现高亮显示是很容易的，网上有很多这样的素材。但是页面一跳转，新页面可就记不住你在上一个页面点击的位置了，也就不可能高亮显示。并且很多时候，跳转后的页面菜单栏是后台动态生成的，也就是菜单栏栏目不固定，那么就不可能给菜单栏高亮效果写死。不知道这个事利用前后台交互去做会不会容易点，但是现在是要用纯前台实现。 实现原理一：这时候必须找个地方给它把点击的位 ...
2017-07-11 10:33 0 3140 推荐指数：
相关推荐
web导航栏点击跳转后的样式
搭建web网页的导航栏时，需要有点击某导航页面跳转后，被点击的<a>标签样式添加或改变（bootstrap只能实现页面不刷新的点击效果），网上查阅了很多，终于解决了问题，豁然开朗的同时也小总结一下： ps：以下为摘录百度知道，并非本人原创，而我用的便是其中第二种方法。方法 ...
导航栏链接点击后跳转，新页面相应的链接添加颜色
html： <div class="nav"> <ul> <li class="active"><a href="a.h ...
实现点击a标签页面跳转后颜色高亮
实现点击a标签后，页面跳转，被点击的字颜色高亮 $(document).ready(function() { $('.zhongxin_left ul li a').each(function() { if ($($(this))[0].href == String ...
jquery页面跳转导航变色，刷新后依然存在
jquery代码： <script> $(document).ready(function () { //$(".megamenu").megamenu(); $(".skyblue l ...
jQuery对底部导航进行跳转并高亮显示
这两天弄一个mui的底部菜单，有点费时了，尝试了用vue写，纯js写，还有根据mui的写，还是有些问题和麻烦。直到看了网上的一些例子，才想明白，之前一直是一种点击触发事件才高亮的思维去做，这个虽然可以了，但是页面跳转了就又都没了。网上看明白的例子是：让当前页面地址与导航里的地址做对比，相同就高亮 ...
Vue、Element 路由跳转,左侧菜单高亮显示，页面刷新不会改变当前高亮菜单
el-menu-item index的值，我这里使用了 路由表中route.js中 的 路由name值 :default-active="this.$route.name" 如果不理解，可以看下 ...