滚动上的音量控制器导航栏
fadein navbar on scroll
我正在寻找一些帮助,帮助我的淡入淡出导航栏工作。我正在使用下面的代码,一切都在jsfiddle上运行。但我无法让它在我的代码中工作。我认为我的链接可能有问题:
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){ <br>
var stickyHeaderTop = $('#naw').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > stickyHeaderTop ) {
$('#naw').css({position: 'fixed', top: '0px'});
} else {
$('#naw').css({position: 'static', top: '100px'});
}
});
});
</script>
这是正在工作的jsfiddle链接:
http://jsfiddle.net/uFq2k/1123/
可能类似
将此添加到导航栏
display: none;
这是滚动javascript
$(".navbar").fadeIn(500);
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- angular 1.5应用程序中的导航栏
- 从控制器返回后Ajax启动事件激发
- 获取@ResponseBody的一部分作为主干和Spring MVC控制器之间的参数
- 如何在单击复选框后调用控制器方法
- Ionic 2:使用导航控制器
- AngularJs - 如何在导航到新路线时清理控制器
- 滚动上的音量控制器导航栏
- 引导导航面板和日期选择器,并用javascript调用C#控制器
- 如何修复Appcelerator's”;“导航控制器”;使用TabGroup作为基本窗口
- 如何在Javascript中导航到具有复杂类型作为参数的MVC5控制器
- 在控制器中测试Ember.js的路由导航
- AngularJS控制器索引页之间的导航
- 从控制器中的导航器获取用户位置
- $scope在导航栏控制器中不起作用
- 即使控制器$scope具有新值,导航部分也不会更新
- 控制器内部的离子导航按钮触发两次
- Sencha触摸控制器不能在导航视图中工作