js 如何检测某个元素滚动到屏幕中间

[nujiangmie6]

我想让网页滚动的时候，有一个div容器刚好滚动到屏幕中间的时候，锁定屏幕，不让屏幕滚动
这个应该怎么实现！

[mangzei55]

第一步 获取 到当前元素的中心点

// 获取container容器
var $con = $('#container')
$(window).on('scroll', function(){
// 计算出容器的中心值
var center = $con.offset().top - (window.innerHeight - $con.height()) / 2
   if($(window).scrollTop() >= center) {
     // 滚动到中间
    // todo
   }
})