Question

如何用js 滚动到屏幕指定高度时候 让显示的DIV隐藏起来 并调整下方高度？

如图，网页顶部广告条和导航栏，如何用JS控制 当鼠标开始向下滚动的时候，隐藏上面广告条的DIV，并将下方导航栏高度固定到顶部float:fixed ；同时要减去原header的高度（不然导航DIV会用空白填满隐藏的广告条部分 导致高度过高）header{position: fixed; z-index: 999; left: 0; width: 100vw; top: 0; height: 150px; background-color: #fff;}header .uc-content::after{display: block; clear: both; content: "";}header .left{float: left;}header .right{float: right;}.hd-top{background-color: #f1f4f9; height: 40px; padding: 4px 0; line-height: 32px; font-size: 15px;}.hd-top .left{color: rgba(0, 11, 21, 0.7);}.hd-top .tel{background: url("images/icon-tel.png") left center no-repeat; padding-left: 32px; display: inline-block; line-height: 32px; color: #175bc0; padding-right: 15px; margin-right: 10px; position: relative;}.hd-top .tel:after{content: ''; width: 1px; height: 16px; background-color: #d4d4d4; position: absolute; right: 0; top: 50%; margin-top: -8px;}.hd-top .btn-search{width: 32px; height: 32px; background: url("images/icon-search.png") center center no-repeat; display: inline-block; float: right;}.hd-center{height: 110px;}.hd-center .logo{padding: 20px 0; display: inline-block; float: left;}.hd-center .logo img{display: block;}.hd-center .menu{float: right;}.hd-center .menu::after{display: block; clear: both; content: "";}.hd-center .menu li{float: left; line-height: 110px; font-size: 16px; margin-left: 2em; height: 110px;}.hd-center .menu li:first-child{margin-left: 0;}.hd-center .menu li.on, .hd-center .menu li:hover{border-bottom: #175bc0 4px solid;}.hd-center .menu li.on a, .hd-center .menu li:hover a{color: #175bc0;}.hd-center .menu a{color: #333333;}

Answer 1

用js滚动到屏幕指定高度的时候，让显示的div隐藏起来，并调整下方的高度，这个你得请专业的人员，让他们具体来教你如何调整这个高度，让显示的div隐藏起来.

Answer 2

你可以到你手机设置的地方打开设置一下，看看如何滚动屏幕。这个还是不会的话，具体细节上百度去搜索。

Answer 3

哥用js滚动屏幕指定高度时候，让显示DIV隐藏起来并调解下防空洞，你可以到设置里面调节一下。