老师，请问为什么突然获取不到scrollcatianer？

import "./header.css"
import "icons/iconfont.css"
import Header  from "components/header"


const scrollContainer=document.getElementById("detail-page")
console.log(scrollContainer,scrollContainer)
const el=scrollContainer.querySelector(".header")
new Header(el,0,scrollContainer)

<div class="header">
<div class="icon-container">
<div class="left">
<i class="iconfont icon-back"></i>
</div>
<div class="right">
<i class="iconfont icon-soucang"></i>
<i class="iconfont icon-zhuanfa"></i>
</div>
</div>
</div>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>详情页</title>
</head>
<body>
<div id="detail-page" class="detail-layout">
<!-- 头部 -->
<header class="header-layout">
{{include "./components/header/header.art"}}
</header>
<!--内容 -->
<div class="content-layout" id="detail-content">
{{include "./components/content/content.art"}}
</div>

<!-- 工具栏-->
<div class="tool-layout">
{{include "./components/tool/tool.art"}}
</div>
</div>
</body>
</html>

慕神3111110 2021-10-10

源自：“仿穷游”首页组件化开发 5-7 使用Ajax获取数据-2

收起

1回答

好帮手慕慕子 2021-10-11 10:47:40

同学你好，根据粘贴部分代码测试，是可以获取到scrollcatianer，示例：

关于详情页部分的实现属于作业要求完成的内容，建议同学可以先完成其他部分，然后提交作业，批作业的老师会针对你的完整代码进行测试，并给出详细的修改建议，整理成文档发送给同学。

祝学习愉快~

收起回答

提问者慕神3111110 #1

就是这样报错

2021-10-11 10:59:25
好帮手慕慕子回复提问者慕神3111110 #2

同学你好，从截图看是因为DOM元素没有获取到，无法绑定事件，所以出现报错，但是从同学提供的这部分代码无法定位到问题所在，由于涉及到的代码较多，而这又是一个作业，所以老师才建议同学提交作业的。
由于同学情况比较特殊，可以查看私信，老师在私信中帮助同学解决
祝学习愉快~

2021-10-11 11:48:34