1

estou com o seguinte código JS: Ele esta aplicando um smooth ao scroll a todos os elementos com a referência "#" quando eu clico.

JS

$('a[href*=#]').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        && location.hostname == this.hostname) {
                var $target = $(this.hash);
                $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
                if ($target.length) {
                        var targetOffset = $target.offset().top;
                        $('html,body').animate({scrollTop: targetOffset}, 600);
                        return false;
                }                   
        }           
    });

Só que eu não queria que ele aplicasse esse smooth nesse código:

HTML

 <div class="col-md-6">
        <h3>Pills left</h3>
        <!-- tabs left -->
        <div class="tabbable">
            <ul class="nav nav-pills nav-stacked col-md-3">
                <li><a href="#a" data-toggle="tab">One</a></li>
                <li class="active"><a href="#b" data-toggle="tab">Two</a></li>
                <li><a href="#c" data-toggle="tab">Twee</a></li>
            </ul>
            <div class="tab-content col-md-9">
                <div class="tab-pane active noscroll" id="a">Lorem ipsum dolor sit amet, charetra varius rci quis tortor imperdiet venenatis quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</div>
                <div class="tab-pane noscroll" id="b">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</div>
                <div class="tab-pane noscroll" id="c">Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra
                varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. </div>
            </div>
        </div>
        <!-- /tabs -->
    </div>

Como posso fazer?

1 Resposta 1

2

você pode criar alguma propriedade para informar que não quer que o efeito seja aplicado naquele elemento, no exemplo abaixo estou usando um data custom:

<a href="#c" data-toggle="tab" data-ignore-smoth="" >Twee</a>

então você pode aplicar uma condição no seu click:

$('a[href*=#]').click(function() {
    if (this.dataset.ignoreSmoth) {
        return;
    }   
    //seu script
});

ou até mesmo um filtro

$('a[href*=#]').not("[data-ignore-smoth]").click(function() {
    //seu script
});
1

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .