请问怎么实现滚动监听啊？写了js代码，没反应，想滚动200px，导航条背景改变
来源：3-1 导航及下拉菜单制作
qq_暖絮_0
2017-08-05 18:14
<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);
}
}
写回答
关注
1回答
-
- 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框架。简单的多
基于bootstrap的网页开发
Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页
187643 学习 · 760 问题
相似问题