Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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 滚动功能无法检测最后一个div的css功能_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 滚动功能无法检测最后一个div的css功能

Javascript 滚动功能无法检测最后一个div的css功能,javascript,jquery,html,css,Javascript,Jquery,Html,Css,$(文档).ready(函数(){ $(文档).on(“滚动”,onScroll); //平滑卷轴 $('a[href^=“#“]”)。关于('click',函数(e){ e、 预防默认值(); $(文档)。关闭(“滚动”); $('a')。每个(函数(){ $(this.removeClass('actve'); }) $(this.addClass('actve'); var target=this.hash, 菜单=目标; $target=$(target); $('html,body')

$(文档).ready(函数(){
$(文档).on(“滚动”,onScroll);
//平滑卷轴
$('a[href^=“#“]”)。关于('click',函数(e){
e、 预防默认值();
$(文档)。关闭(“滚动”);
$('a')。每个(函数(){
$(this.removeClass('actve');
})
$(this.addClass('actve');
var target=this.hash,
菜单=目标;
$target=$(target);
$('html,body').stop().animate({
'scrollTop':$target.offset().top+2
},500,'swing',函数(){
window.location.hash=目标;
$(文档).on(“滚动”,onScroll);
var scroll_start=0;
var startchange=$('.q-intro-text');
var offset=startchange.offset();
//$(文档)。滚动(函数(){
//scroll_start=$(this.scrollTop();
//如果(滚动开始>偏移量顶部){
//$('q-nav').css('background-color','black');
//}其他{
//$('q-nav').css('background-color','transparent');
//     }
// });
});
});
});
函数onScroll(事件){
var scrollPos=$(document.scrollTop();
$('#q-nav a')。每个(函数(){
var currLink=$(此);
var refElement=$(currLink.attr(“href”);
if(refElement.position().top scrollPos){
$('q-nav ul li a')。removeClass(“actve”);
currLink.addClass(“actve”);
$('.actve').css('color','#4d');
$('.actve').css('border-bottom','1px solid#ff363f');
}否则{
currLink.removeClass(“actve”);
css('color','#8989');
css('border-bottom','1px纯白');
}
});
}
.container{
填充:0;
宽度:100vw;
高度:100vh;
}
.菜单{
显示:无;
}
标题{
显示:无;
}
.转盘指示器li.active{
宽度:1.3rem;
高度:1.3雷姆;
右边距:0.8雷姆;
}
.转盘指示器{
宽度:1.3rem;
高度:1.3雷姆;
右边距:0.8雷姆;
}
#myTopnav{
显示:无;
}
#myTopnav.q汉堡包{
显示:无;
}
#q-nav{
宽度:100%;
身高:4rem;
位置:固定;
排名:0;
背景色:白色;
垫面:1.5rem;
}
#q-nav ul{
显示器:flex;
弯曲方向:行;
证明内容:柔性端;
}
#q-nav.q-nav-about{
位置:相对位置;
颜色:#8989;
文字装饰:无;
字体大小:粗体;
填充:0rem 2rem 0 2rem;
}
#q-nav ul li{
列表样式:无;
}
#q-nav,q-nav-work{
位置:相对位置;
颜色:#8989;
文字装饰:无;
字体大小:粗体;
填充:0rem 2rem 0 2rem;
}
#q-nav.q-nav-contact{
位置:相对位置;
文字装饰:无;
填充:0rem 8rem 02REM;
}
.q-介绍文本{
身高:100%;
位置:绝对位置;
排名:0;
弯曲方向:立柱;
证明内容:中心;
显示器:flex;
}
.q-intro-text.q-text-header{
字号:2rem;
字体大小:粗体;
}
.q-intro-text.q-mobile-app-text{
保证金:0 10雷姆;
颜色:#ffffff;
}
#关于我们{
背景色:白色;
}
#关于我们{
高度:30雷姆;
背景色:白色;
显示器:flex;
弯曲方向:立柱;
对齐项目:居中;
垫面:2.5rem;
文本对齐:居中;
}
#关于我们。q-about-us-layout。q-about-us-title{
页边顶部:1rem;
字体大小:1.5rem;
字体大小:粗体;
颜色:#448ccb;
}
#关于我们。q-about-us-layout。q-about-us-images{
宽度:100%;
身高:50%;
显示器:flex;
弯曲方向:行;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 1{
宽度:100%;
身高:100%;
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 2{
宽度:100%;
身高:100%;
显示:-webkit flex;
显示:-网络工具包盒;
显示:-ms flexbox;
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 3{
宽度:100%;
身高:100%;
显示器:flex;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 1。q-images-text{
页边顶部:1rem;
颜色:#8989;
字体大小:粗体;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 2。q-images-text{
页边顶部:1rem;
颜色:#8989;
字体大小:粗体;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 3。q-images-text{
保证金上限:1.6雷姆;
颜色:#8989;
字体大小:粗体;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 1。q-images{
宽度:30%;
身高:30%;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 2。q-images{
宽度:30%;
身高:30%;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 3。q-images{
宽度:30%;
身高:30%;
}
#关于我们。q-about-us-layout。q-about-us-images#q-images 3#q-code{
宽度:25%;
身高:25%;
}
#关于我们,q队{
身高:39雷姆;
宽度:100%;
垫面:2rem;
垫底:2rem;
显示:-webkit flex;
显示:-网络工具包盒;
显示:-ms flexbox;
显示器:flex;
-网络工具包盒方向:垂直;
-webkit盒方向:正常;
-webkit柔性方向:列;
-ms-flex方向:列;
弯曲方向:立柱;
-webkit框对齐:居中;
-ms-flex-align:居中;
对齐项目:居中;
文本对齐:c
  document.addEventListener(
        'scroll',
        function( event ){      
            var $elm = $( event.target );  
           if(  $elm.scrollTop() + $elm.innerHeight() >= $elm[0].scrollHeight && elm.is( "your element" ) ) {               
                    //your code
           }  
   });