1、根据查询相关资料信息使用html元素最为观察元素，因为，通常认为元素是在web浏览器的视口中滚动的元素（IE6之前版本运行在混杂模式下是元素），因为该元素即使没有任何执行代码也能自动地添加滚动条，其他元素需要通过css设置overflow属性，才会出现滚动条。
1、<html>
<divid="root"style="width:100%height:100%">
<divclassName="outer-container">
<divclassname="inner-container">
<divclassName="container">
</div>
</div>
</div>
</div>
2、CSS：
.outer-container{
width:100%
height:100%
overflow:hidden
}
.inner-container{
width:100%
height:100%
overflow:auto
box-sizing:content-box
padding-right:17px
}
扩展资料：使用 overflow:hidden 隐藏滚动条，但存在的问题是页面或元素失去了滚动的特性，由于只需要兼容移动浏览器（Chrome和Safari）
应用如下CSS可以隐藏滚动条：
.element::-webkit-scrollbar{display:none}
如果要兼容PC其他浏览器（IE、Firefox等），在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了。
你的描述很不清楚，我只能认为元素位于浏览器正中位置了。因为对于滚动条只能获取它的scrollTop，那么只能在这个上面想办法。在这里你就要建立一个等式，四个参数，滚动条的scrollTop，window的height，目标元素的offerset.top和它自身的height。给window一个scroll事件，通过验证上面所说的等式是否成立，执行你要的代码。
关键
你要确定你的某个元素要在何时触发你的事件
