navbar and Scroll
Publicado por rodrigo (1 intervención) el 22/09/2019 21:04:43
// La función de Jquery funciona bien pero al agregar un submenu( ul .submenuServ) deja de funcionar me podrían ayudar como solucionarlo gracias
//html
//JQUERY
//html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="collapse navbar-collapse">
<ul class="navbar-left">
<div class="minilogo" style="height: 70px; width: 160px; visibility: hidden;">
<img src="images/logo1.png" alt="">
</div>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="scroll active">
<a href="#home">INICIO</a>
</li>
<li class="scroll">
<a href="#about">NOSOTROS</a>
</li>
<li class="scroll" id="verSubmenu" >
<a href="#services">SERVICIOS</a>
<!----><ul class="submenuServ" style="display: none;">
<li><a href="serv_fabricaSoftware.html" title="Sub Nav Link 1">D. DE SOFTWARE</a></li>
<li><a href="serv_outsourcingTi.html" title="Sub Nav Link 2">Outsourcing DE TI</a></li>
<li><a href="serv_fact_elect.html" title="Sub Nav Link 3">F. Electronica</a></li>
<li><a href="serv_venta_hard_soft.html" title="Sub Nav Link 4">Venta de h & S</a></li>
</ul>
</li>
<li class="scroll"><a href="#contact">CONTACTENOS</a></li>
</ul>
</div>
//JQUERY
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function Scroll() {
var contentTop = [];
var contentBottom = [];
var winTop = $(window).scrollTop();
var rangeTop = 200; var rangeBottom = 500;$('.navbar-collapse').find('.scroll a').each(function(){
contentTop.push( $( $(this).attr('href') ).offset().top);
contentBottom.push( $( $(this).attr('href') ).offset().top + $( $(this).attr('href') ).height() );
})
$.each( contentTop, function(i){
if ( winTop > contentTop[i] - rangeTop ){
$('.navbar-collapse li.scroll')
.removeClass('active')
.eq(i).addClass('active');
}})
};Valora esta pregunta
0