Add files via upload
This commit is contained in:
41
z_nav/hook/footer_js_after.htm
Normal file
41
z_nav/hook/footer_js_after.htm
Normal file
@@ -0,0 +1,41 @@
|
||||
<script>
|
||||
//延时150ms? 先删掉影响样式效果的 .bg-inverse
|
||||
$('.navbar').removeClass('bg-inverse');
|
||||
//setTimeout("$('.navbar').removeClass('bg-inverse')",150)
|
||||
|
||||
|
||||
//依赖JQ,应该放在页面最后加载
|
||||
var home = location.href,
|
||||
s = $('#bgvideo')[0],
|
||||
Siren = {
|
||||
|
||||
// 显示&隐藏导航栏
|
||||
NH: function(){
|
||||
var h1 = 0,
|
||||
h2 = 400,
|
||||
ss = $(document).scrollTop();
|
||||
$(window).scroll(function(){
|
||||
var s = $(document).scrollTop();
|
||||
if(s== h1){
|
||||
$('.navbar').removeClass('yya');
|
||||
}if(s > h1){
|
||||
$('.navbar').addClass('yya');
|
||||
}if(s > h2){
|
||||
$('.navbar').addClass('gizle');
|
||||
if(s > ss){
|
||||
$('.navbar').removeClass('sabit');
|
||||
}else{
|
||||
$('.navbar').addClass('sabit');
|
||||
}
|
||||
ss = s;
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
$(function() {
|
||||
|
||||
Siren.NH(); // 显示&隐藏导航栏
|
||||
|
||||
})
|
||||
</script>
|
28
z_nav/hook/header_link_after.htm
Normal file
28
z_nav/hook/header_link_after.htm
Normal file
@@ -0,0 +1,28 @@
|
||||
<style>
|
||||
/* 全局的动态导航条样式 可以打包到css文件 不是很重要,也可以放到页面最后加载 */
|
||||
.navbar {
|
||||
width: 100%;
|
||||
background: none;
|
||||
-webkit-transition: all .4s ease;
|
||||
transition: all .4s ease;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.yya {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
box-shadow: 0 0 1px rgba(0,0,0,.15)
|
||||
}
|
||||
.gizle {
|
||||
top: -100px;
|
||||
}
|
||||
|
||||
.sabit {
|
||||
top: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user