草庐IT

3D导航栏

全部标签

javascript - Chrome v.44 中的 translate3d 存在错误?

Chrome44(44.0.2403.89m)刚刚发布,我在使用translate3d时遇到了问题。(在Mac和Windows版本中)这会影响像fullPage.js这样的插件因此thousandsofpages在这一刻。(Openedissueatfullpage.jsgithub)在我看来,当在短时间内连续将两个不同的翻译值应用于同一元素时,当我应用新值时它会将其位置重新设置为0,从而导致错过之前的转换。我无法完全隔离它并像我希望的那样干净地重现它,但这是我所能做的:http://jsfiddle.net/9ksx000q/3/要重现它,只需向下滚动。如果您连续执行此操作,您会注意

javascript - Angular 2 路由异步解析不会保留导航位置

在尝试访问不允许的页面时,我尝试将用户导航到错误页面。问题是skipLocationChange在这种情况下不起作用。它导航到错误页面,但url更改为根目录。如何保持用户提供的原始url?resolve(route:ActivatedRouteSnapshot):Observable|boolean{returnthis.apiclientService.get('cars/'+route.params['id']).map(response=>{if(response.data.user_id===this.authService.user().id){returnresponse.

javascript - 如何实现哈希键导航?

我想像这样实现基于Ajax的散列键导航:http://www.foo.bar/#/about/http://www.foo.bar/#/news/http://www.foo.bar/#/products/如何实现这个结构? 最佳答案 使用基于散列的导航结构,您将通过浏览器中的JS定义路由及其处理程序...当散列更改时,将触发“hashchange”事件,并且“window.onhashchange”调用处理函数。*例如if("onhashchange"inwindow){alert("Thebrowsersupportstheha

javascript - jQuery Mobile 导航选项卡

我想在我的jQueryMobile项目中使用选项卡导航。我知道我可以使用数据Angular色“导航栏”,但我只想更改导航栏下方的内容,而无需滑动到新页面。到目前为止,我只能拥有几个具有相同导航栏的不同页面,但那不是我想要的。谁能帮帮我?提前致谢 最佳答案 您可以使用jQueryMobile导航栏样式,但使用您自己的点击处理程序,这样点击将不会更改页面,而只会在同一页面上隐藏/显示适当的内容。HTMLOneTwoonLoadContentSome'A'ContentSome'B'ContentJavaScript$(document)

javascript - 在 Bootstrap 中使滚动导航栏停留在浏览器顶部

我是TwitterBootstrap的新手,我想在较深的MastHead底部有一个NavBar,当用户垂直滚动页面并且NavBar到达页面顶部时,将样式更改为NavBar变为Fixed。我要的效果和http://www.happycog.com/是一样的仅使用BootstrapNavBar。因此,真正的问题是当NavBar滚动到位置0时如何触发navbar-fixed-top样式,即:浏览器的顶部。任何想法或指示将不胜感激。谢谢。 最佳答案 CSS类navbar-fixed-top是您要添加的内容。这是一个例子:

javascript - 你如何将 headroom.js 与 Bootstrap 3 导航栏一起使用?

我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/我想在使用Bootstrap3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该做什么?我目前在导航栏上使用navbar-fixed-top。我尝试过使用和不使用它,但它仍然无法正常工作。我可以看到应用于页眉的headroom.js类,但对UI元素没有影响。已解决你需要添加这个样式。.headroom{position:fixed;top:0;left:0;right:0;transition:all.2sease-in-out;}.headroom--unpinn

javascript - 如何加快 Bootstrap 导航栏中的移动下拉菜单?

在手机上,导航栏上有一个下拉菜单。但它太慢了。它是基于JQuery的吗?还是基于CSS过渡?如何加快速度? 最佳答案 它是基于CSS过渡的,尝试从此类的过渡属性更改高度值。.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height.35sease;-o-transition:height.35sease;transition:height.35sease;} 关于javascript-如

javascript - 使用箭头键导航

我想知道是否可以使用箭头键在我用JS(使用jQuery)创建的表格中导航?我的意思是从一个单元格跳到另一个单元格...该脚本适用于Greasemonkey。然而,警报有效。我只是不知道如何让它运行良好。$(document).keydown(function(e){if(e.keyCode==37){alert("leftpressed");returnfalse;}if(e.keyCode==38){alert("uppressed");returnfalse;}if(e.keyCode==39){alert("rightpressed");returnfalse;}if(e.key

javascript - 是否可以创建导航祖先的自定义 jQuery 选择器?例如:closest or :parents selector

我写了很多jQuery插件并且有我一直使用的自定义jQuery选择器,比如:focusable和:closeto提供常用的过滤器。例如:focusable看起来像这样jQuery.extend(jQuery.expr[':'],{focusable:function(el,index,selector){return$(el).is('a,button,:input[type!=hidden],[tabindex]');};});并且像任何其他选择器一样使用:$(':focusable').css('color','red');//colorallfocusableelementsre

javascript - 如何使用搜索栏过滤我的 bootstrap 4 导航栏链接?

我正在使用Bootstrap4转换我的旧网站,所以这绝对是一个学习过程。我的站点布局工作正常,但我发现我左侧的垂直导航栏有很多链接。其中许多聚集在折叠的巢穴中。我认为在我的导航顶部添加一个搜索栏会很好,这样我就可以根据在搜索栏中输入的部分字符串过滤链接。这适用于未隐藏在隐藏div中的链接(或class=collapsedboostrap4ul)。在修改我的代码以显示包含隐藏在折叠的ul中的任何链接的过滤结果时,我将不胜感激?Here'safiddle$('.search-filter').on('keyup',function(){varinput=$('.search-filter'