Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 固定的滚动导航_Jquery_Html_Css - Fatal编程技术网

Jquery 固定的滚动导航

Jquery 固定的滚动导航,jquery,html,css,Jquery,Html,Css,当用户滚动浏览此模板以方便导航时,正在查找此模板的侧面导航是否已修复。我用的好像不管用,需要另一双眼睛 我不知道为什么,如果有任何帮助,我将不胜感激。p:我对javascript/jquery几乎一无所知。几乎不强调;) 或者,当元素到达页面上的某个点时,如何使其停止 $(文档).ready(函数(){ $(窗口)。滚动(函数(){ console.log($(window.scrollTop()) 如果($(窗口).scrollTop()>280){ $('#fixed').addClas

当用户滚动浏览此模板以方便导航时,正在查找此模板的侧面导航是否已修复。我用的好像不管用,需要另一双眼睛

我不知道为什么,如果有任何帮助,我将不胜感激。p:我对javascript/jquery几乎一无所知。几乎不强调;)


或者,当元素到达页面上的某个点时,如何使其停止

$(文档).ready(函数(){
$(窗口)。滚动(函数(){
console.log($(window.scrollTop())
如果($(窗口).scrollTop()>280){
$('#fixed').addClass('stick');
}
if($(窗口).scrollTop()<281){
$('#fixed')。removeClass('stick');
}
});
});
@导入url(https://fonts.googleapis.com/css?family=Open+圣奥斯瓦尔德);
身体{
背景:url(http://orig02.deviantart.net/240a/f/2016/162/7/f/into_the_white__by_thehartless-da5x0or.png)中心固定不重复;
背景尺寸:封面;
背景位置y:0%;
颜色:#333;
文本对齐:居中;
线高:1.4;
保证金:0;
字体系列:Tahoma、Verdana、Arial、无衬线字体;
字体大小:13px;
}
a:链接{
颜色:#8ac3e4;
文字装饰:无;
过渡:1s;
}
a:参观了{
颜色:#8ac3e4;
文字装饰:无;
}
a:悬停,
a:主动的{
颜色:#bde7ff;
文字装饰:无;
过渡:1s;
}
#标志{
颜色:#fff;
字体:65px奥斯瓦尔德;
文本转换:大写;
字母间距:1px;
利润率最高:8%;
}
#容器{
背景:rgba(219227230,0.80);
颜色:#333;
文本对齐:左对齐;
线高:1.4;
利润率最高:10%;
字体:15px开放式Sans;
最小宽度:850px;
长方体阴影:0 3pxRGBA(0,0,0,5);
}
#内容{
溢出:隐藏;
填充:1%22%;
}
西亚德夫人{
填充:3%0;
颜色:#fff;
字体:25px开放式Sans;
文本转换:小写;
}
.trow1{
溢出:隐藏;
背景:rgb(243243243243);
长方体阴影:0 3pxRGBA(0,0,0,3);
}
.指南{
显示:表格;
}
.指南.标题{
背景:url('http://orig01.deviantart.net/57d2/f/2016/236/b/0/itw_map_sigless_by_marinatedmermaid_dabhbyl_by_thehartless-daf57xe.png"(ddd)不重复;;
背景尺寸:封面;
滤镜:灰度(100%);
字体:25px奥斯瓦尔德;
文本转换:大写;
字母间距:1.2px;
}
.guide.overlay{
背景:rgba(250250250.7);
填充:3%;
}
1.路政署{
显示:表格行;
}
.导航{
宽度:25%;
最大宽度:225px;
显示:表格单元格;
垂直对齐:顶部;
背景:c8cacc;
填充:3%;
颜色:#fff;
}
#固定的{
宽度:自动;
}
#固定杆{
位置:固定;
顶部:0px;
}
.导航{
列表样式:无;
填充:0;
保证金:0;
}
李导游{
背景#9a9b9b;
填充:3倍;
字体大小:12px;
字体大小:粗体;
文本转换:大写;
文本对齐:居中;
利润率:10px0;
}
.导航a:链接{
颜色:#fff;
文字装饰:无;
过渡:1s;
}
导游:参观了{
颜色:#fff;
文字装饰:无;
}
导航a:悬停,
a:主动的{
颜色:#fff;
文字装饰:无;
过渡:1s;
}
.指南内容{
显示:表格单元;
垂直对齐:顶部;
背景尺寸:封面;
填充:3%;
字体大小:13px;
边框底部:1px实心#ddd;
}
.指南内容:最后一个孩子{
边界底部:0;
}
.指南{
不透明度:.2;
宽度:100%;
垫底:1%;
边框底部:1px实心;
利润底部:3%;
}
.guide_地图{
宽度:100%;
身高:662px;
背景:url('http://orig01.deviantart.net/57d2/f/2016/236/b/0/itw_map_sigless_by_marinatedmermaid_dabhbyl_by_thehartless-daf57xe.png“)无重复底部;
背景尺寸:封面;
边框底部:1px实心#ddd;
}
变成白色
指导
介绍 相位为rhoncus、odio eu、congue ex.Cras eget velit vitae metus placerat和libero不同。在前庭前庭前庭,一种常见的活体内的小分子,一种溶解性的前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭内的小分子。维瓦摩斯非里索斯弧。临终前的晨曦,红色的天籁,猫咪的天籁。佩伦茨克大学国际公共卫生学院。这是一辆由威尼斯人驾驶的卡车。菲塞卢斯·廷西登、塞姆佩尔·奥纳雷、维利特·莱古拉·托托和普尔维纳·努克·拉奥里特·奥古斯。Morbi ac justo eu lorem blandit在nisl中担任主席。伊吉斯塔斯同侧悬吊术是一种精英康多康格术。乌贼。Proin dolor velit,pharetra in Imperlate Rat,malesuada vitae nisi。Phasellus vel rhoncus nunc

地图 背景 相位为rhoncus、odio eu、congue ex.Cras eget velit vitae metus placerat和libero不同。在前庭前庭前庭,一种常见的活体内的小分子,一种溶解性的前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭内的小分子。维瓦摩斯非里索斯弧。临终前的晨曦,红色的天籁,猫咪的天籁。佩伦茨克大学国际公共卫生学院。这是一辆由威尼斯人驾驶的卡车。菲塞卢斯·廷西登、塞姆佩尔·奥纳雷、维利特·莱古拉·托托和普尔维纳·努克·拉奥里特·奥古斯。Morbi ac justo eu lorem blandit在nisl中担任主席。伊吉斯塔斯同侧悬吊术是一种精英康多康格术。乌贼。Proin dolor velit,pharetra in Imperlate Rat,malesuada vitae nisi。Phasellus vel rhoncus nunc

前庭很小,坐在那里。整数tincidunt vel augue at efficitur。埃尼安·塞姆佩尔·米乌纳,坐在我的身边。梅图的福斯
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>