问答详情
源自：3-1 导航及下拉菜单制作

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

    <nav class="navbar navbar-default navbar-fixed-top navbar-inverse"role="navigation"id="title">

<script type="text/javascript">

    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 18:14

个回答

  • Jerps
    2017-08-08 16:56:36

    <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框架。简单的多

    1