Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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
Javascript JQuery滚动随机滚动_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript JQuery滚动随机滚动

Javascript JQuery滚动随机滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我使用了在网上找到的JS脚本。它就像一个符咒,突然,我不知道为什么,它没有问题是,当我单击“职业”或“联系我们”按钮时,它不会滚动到该部分,超链接很好-它要么随机滚动,要么转到顶部 您可以查看在线网站,这里有完整的代码(原件未经编辑,工作正常): (函数($){ “使用严格”;//开始使用严格 //关闭侧边栏菜单 $(“.menu toggle”)。单击(函数(e){ e、 预防默认值(); $(“#边栏包装”).toggleClass(“活动”); $(“.menu-toggle>.fa-b

我使用了在网上找到的JS脚本。它就像一个符咒,突然,我不知道为什么,它没有
问题是,当我单击“职业”或“联系我们”按钮时,它不会滚动到该部分,超链接很好-它要么随机滚动,要么转到顶部

您可以查看在线网站,这里有完整的代码(原件未经编辑,工作正常):

(函数($){
“使用严格”;//开始使用严格
//关闭侧边栏菜单
$(“.menu toggle”)。单击(函数(e){
e、 预防默认值();
$(“#边栏包装”).toggleClass(“活动”);
$(“.menu-toggle>.fa-bar,.menu-toggle>.fa-times”).toggleClass(“fa-bar-fa-times”);
$(此).toggleClass(“活动”);
});
//使用jQuery平滑滚动
$('a.js-scroll-trigger[href*=“#”]:不是([href=“#”])。单击(函数(){
if(location.pathname.replace(/^\/,'')==this.pathname.replace(/^\/,'')和&location.hostname==this.hostname){
var target=$(this.hash);
target=target.length?target:$('[name='+this.hash.slice(1)+']');
if(目标长度){
$('html,body')。设置动画({
scrollTop:target.offset().top
},1000,“easeInOutExpo”);
返回false;
}
}
});
//单击滚动触发链接时关闭响应菜单
$('#sidebar wrapper.js scroll trigger')。单击(函数(){
$(“#边栏包装”).removeClass(“活动”);
$(“.menu toggle”).removeClass(“活动”);
$(“.menu-toggle>.fa-bar,.menu-toggle>.fa-times”).toggleClass(“fa-bar-fa-times”);
});
//滚动到顶部按钮出现
$(文档)。滚动(函数(){
var scrollDistance=$(this.scrollTop();
如果(滚动距离>100){
$('.scroll to top').fadeIn();
}否则{
$('.scroll to top').fadeOut();
}
});
})(jQuery);//终止使用严格限制
//禁用谷歌地图滚动
//看http://stackoverflow.com/a/25904582/1607849
//禁用滚动缩放并绑定回单击事件
var onMapMouseleaveHandler=函数(事件){
var,该值=$(此值);
在('click',onMapClickHandler)上;
off('mouseleave',onMapMouseleaveHandler);
.find('iframe').css(“指针事件”,“无”);
}
var onmaClickHandler=函数(事件){
var,该值=$(此值);
//禁用单击处理程序,直到用户离开地图区域
关闭('click',onMapClickHandler);
//启用滚动缩放
.find('iframe').css(“指针事件”,“自动”);
//处理鼠标离开事件
on('mouseleave',onMapMouseleaveHandler);
}
//当用户单击地图时,使用鼠标滚动启用地图缩放
$('.map')。on('click',onMapClickHandler)
body,
html{
宽度:100%;
身高:100%;
溢出x:隐藏;
滚动行为:平滑;
-webkit溢出滚动:触摸;
}
身体{
字体系列:“源Sans-Pro”;
}
.btn xl{
填充:1.25雷姆2.5雷姆;
}
.内容部分{
顶部填充物:7.5雷姆;
垫底:7.5雷姆;
}
.内容部分标题h2{
字体大小:3rem;
}
.内容部分标题h3{
字号:1rem;
文本转换:大写;
}
.内容部分联系人{
衬垫顶部:6.5雷姆;
垫底:6.5雷姆;
背景色:#3194f7!重要;
}
h1,
h2,
h3,
h4,
h5,
h6{
字号:700;
}
.文字褪色{
颜色:rgba(255,255,255,0.7);
}
/*地图*/
.地图{
高度:40雷姆;
}
.map iframe{
指针事件:无;
}
.滚动至顶部{
位置:固定;
右:15px;
底部:15px;
显示:无;
宽度:50px;
高度:50px;
文本对齐:居中;
颜色:白色;
背景:rgba(52,58,64,0.5);
线高:45px;
}
.滚动至顶部:焦点,.滚动至顶部:悬停{
颜色:白色;
}
.滚动至顶部:悬停{
背景:#4a4a4a;
}
.滚动至顶部i{
字号:800;
}
桅顶{
最小高度:30雷姆;
位置:相对位置;
显示:表格;
宽度:100%;
高度:自动;
垫面:8rem;
垫底:8rem;
背景:线性梯度(90度,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.1)100%,url(“../img/bg masthead.jpg”);
背景位置:中心;
背景重复:无重复;
背景大小:50%50%;
}
.桅顶h1{
字号:4rem;
保证金:0;
填充:0;
}
@介质(最小宽度:992px){
桅顶{
高度:100vh;
}
.桅顶h1{
字体大小:5.5rem;
}
}
/*配菜*/
#边栏包装{
位置:固定;
z指数:2;
右:0;
宽度:250px;
身高:100%;
-webkit转换:所有0.4s易用0;
-moz转换:所有0.4s到0;
-ms转换:所有0.4s到0;
-o型过渡:所有0.4s到0;
转换:所有0.4s到0;
转换:translateX(250px);
背景#3194f7;
左边框:1px实心rgba(255、255、255、0.1);
}
.国旗{
宽度:50px;
高度:50px;
背景色:#3194f7;
}
.侧栏导航语言{
显示:块;
文字装饰:无;
颜色:#fff;
填充:15px;
}
.侧边栏导航{
位置:绝对位置;
排名:0;
宽度:250px;
保证金:0;
填充:0;
列表样式:无;
}
.侧栏导航li.侧栏导航a项{
显示:块;
T