Bootstrap Snippets

Url Hash Navigation für Tabs aktivieren

Url Hash Navigation für Tabs aktivieren

// load tab from url hash
var hash = window.location.hash;
hash && $('.nav-tabs a[href="' + hash + '"]').tab('show');
    
// set hash on tab click
$('.nav-tabs a')
    .click(function (e) {
        window.location.hash = this.hash;
        e.preventDefault();
        var scrollmem = $('body').scrollTop();
        $(this).tab('show');
        $('html,body').scrollTop(scrollmem);
        //console.log( this.hash);
    })

.no-gutter

.no-gutter > [class^="col-"] {
    padding-right:0;
    padding-left:0;
}

 

Folgende Artikel könnten auch interessieren