Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.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 尝试滚动页面:未捕获类型错误:无法读取属性';顶部';未定义的_Javascript_Jquery - Fatal编程技术网

Javascript 尝试滚动页面:未捕获类型错误:无法读取属性';顶部';未定义的

Javascript 尝试滚动页面:未捕获类型错误:无法读取属性';顶部';未定义的,javascript,jquery,Javascript,Jquery,我看了其他问题,但没有成功 我只是尝试在加载后保持页面缓慢滚动,如下代码所示: CSS(大多数CSS作为嵌入文件放置,这只是应用于内容对象的样式): .内容{ 宽度:98%; 左:1%; 利润上限:-10px; } .第1区{ 位置:相对位置; 宽度:18.5%; 高度:150像素; 左缘:1%; 利润率最高:1%; 浮动:左; 背景:#FFF; 边框:3px实心#999; } JS: $(函数(){ 美元滑块({ siteClose:对 }); }); //装载 $(文档).ready(

我看了其他问题,但没有成功

我只是尝试在加载后保持页面缓慢滚动,如下代码所示:

CSS(大多数CSS作为嵌入文件放置,这只是应用于内容对象的样式):


.内容{
宽度:98%;
左:1%;
利润上限:-10px;
}
.第1区{
位置:相对位置;
宽度:18.5%;
高度:150像素;
左缘:1%;
利润率最高:1%;
浮动:左;
背景:#FFF;
边框:3px实心#999;
}
JS:


$(函数(){
美元滑块({
siteClose:对
});
});
//装载
$(文档).ready(函数(){
$(窗口)。加载(函数(){
$('.loading')。淡出(700);
});
});
$('html,body').animate({scrollTop:$('#end').offset().top});
HTML


卡雷甘多护墙板,阿瓜德。。。
正确为

$(document).ready(function(){
    $(window).load(function(){
        $('.loading').fadeOut(700);
    });
  $('html,body').animate({scrollTop:$('#end').offset().top});
});
在CSS中,请设置身体的高度

body {
     height: 1500px;          
     }
它将很好地工作。当前偏移量仅为16。可见的滚动也是如此 请添加以下样式

#end {
       margin-top: 500px;
       display: block;
     }

您正在将元素呈现到页面之前调用它。。。把这行放在文档中,准备好你的答案。我做到了,页面仍然没有滚动,但是错误消失了…哦…抱歉没有看到你的评论谢谢你的回答。我这样做了,页面仍然没有滚动,但错误消失了……现在页面正在滚动,但只滚动到元素的开始处,即内容,结尾的父元素。我能做些什么来滚动到元素的正确位置吗?@MarcosFelipe我没有完全理解。。你想滚动到某个特定的Div??是的,我想滚动到定位点#end,在Div#content.your code$('html,body')。animate({scrollTop:$('#end').offset().top});会有用的。偏移值仅为16。这表示滚动顶部不可见。因此,请将以下样式设置为“结束”{margin top:500px;display:block;}
$(document).ready(function(){
    $(window).load(function(){
        $('.loading').fadeOut(700);
    });
  $('html,body').animate({scrollTop:$('#end').offset().top});
});
body {
     height: 1500px;          
     }
#end {
       margin-top: 500px;
       display: block;
     }