                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

请问怎么实现滚动监听啊？写了js代码，没反应，想滚动200px，导航条背景改变

window.onscroll = function(){

var t = document.documentElement.scrollTop || document.body.scrollTop;

var title = document.getElementById("title");

if( t >=300 ) {

title.style.background-color=rgba(0,0,0,1);

}

else {

title.style.background-color=rgba(0,0,0,0);

}

qq_暖絮_0

2017-08-05

源自：基于bootstrap的网页开发 3-1

关注问题我要回答

1568

操作

收起

1 回答

Jerps
2017-08-08

<script type="text/javascript">
    $(function(){
    	$(window).scroll(function(){
    		//var winH=$(this).height();
    		var scrH=$(this).scrollTop();
    		if (scrH>=300) {
    			$('nav').css("opacity",".1");
    		}else{
    			$('nav').css("opacity","1");
    		}
    	});
    });
</script>

对照着看一下，jq很方便的，但是不建议这样去改，最好去自定义你的bootstrap框架。简单的多