부드러운 스크롤 부트 스트랩 3

나는 기본적으로 나는이 같은 페이지 주위 앵커 태그가, 내 페이지에서 부드러운 스크롤을하려고 몇 가지 문제를 겪고 :부드러운 스크롤 부트 스트랩 3

<li><a href="#description">Module Description</a></li> 
... 
<section id=" description ">

내가 잘 작동 다음과 같은 자바 스크립트를 사용하고 있습니다 하지만, 문제는 부트 스트랩 3 휴식의 스크립트, 모달 및 기타 기능을 사용하고 난이 스크립트에 대한 해결책이 될 수 또는 수 있는지 궁금 더 이상

$('a[href*=#]:not([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) { 
    $('html,body').animate({ 
     scrollTop: target.offset().top 
    }, 1000); 
    return false; 
    } 
} 
});

작동하지 않는 경우 유사한 다른 있다는 것입니다 부트 스트랩으로 테스트되는 스크립트 3

출처

2013-10-09 Manza

$('a[href*=#]:not([href=#])')은 매우 모범이 될 것이며 모달을 예로 들어 타겟 앵커도 변경됩니다. 덜 일반적인 만들려고 :

<ul id="insidepagenav"> 
<li><a href="#description">Module Description</a></li>

$('ul#insidepagenav > li > a[href*=#]:not([href=#])')

출처

2013-10-09 07:21:11

굉장해!, 고맙다. 문제를 해결해 주셔서 평판이 좋지만 평판이 좋지는 않습니다. – Manza

당신은 당신이 하나 개의 특정 링크에 대한 작업에서 부드러운 스크롤을 방지 할 수 있습니다

a[href*=#]:not([href=#])

a[href*=#]:not([href=#]):not([href=#idname])

로 교체하는 경우

출처

2014-10-23 01:19:50 bradhoov

부드러운 스크롤 부트 스트랩 3

답변

관련 문제