부트 스트랩 사이드 스크롤링, 부착 및 Scrollspy

Question

더 새로운

그래서 스크롤이 지금 노력하고 있습니다 ...하지만이 페이지의 상단에 고정합니다. 올바른 위치 (콘텐츠 옆)에 있어야하고 콘텐츠가있는 현재 위치에서 스크롤을 시작해야합니다. 내가 여기에이 같은 스크롤 내 사이드 ​​바 얻으려고

->http://getbootstrap.com/2.3.2/components.html

웹 사이트는 http://www.katyasarmiento.zzl.org입니다 (지금은 무료 호스팅 사이트)

---

세 이상

나는 이것으로 정말 힘든 시간을 보내고 있습니다. 내가 할 수있는 모든 것을 찾아 보았지만 아직도 이해할 수는 없다. 내가 찾은 튜토리얼을 가지고 잠시 동안 작동하도록 만들었지 만, ScrollSpy에서는 잘 작동하지 않았습니다. 그래서 Bootstrap 's Affix를 사용하려고합니다.

저는 자바 스크립트/jquery를 처음 사용합니다. 누군가 내 웹 사이트를 살펴보고 내가 뭘 잘못하고 있는지 확인해 볼 수 있다면.

ScrollSpy가 작동 중입니다. 사이드 바에 페이지를 스크롤 할 수 없습니다.

Answer 1

알리미 나는 그것을 작동하게했다! 내가 무슨 짓을

는

<div class="bs-docs-sidebar span3"> 
    <ul class="nav nav-list bs-docs-sidenav affix" data-spy="affix" data-offset-top="255" data-offset-bottom="200"> 

그래서 나는 "BS-docs- 오프셋 데이터는 데이터 스파이 등을 넣어

<div class="bs-docs-sidebar span3"> 
    <ul class="nav nav-list bs-docs-sidenav affix-top"> 

으로 ... ... 다음을 변경했다 sidenav "클래스는"bs-docs-sidebar "클래스 대신 스크립트를 해당 클래스로 변경했습니다.

은 그 때 나는 "부착 정상", "부착"및 "-부착 바닥"의 CSS를 편집하고 아주 잘 작동합니다 :)

이

내 원래 문제가 sidenav 대신 사이드 바 클래스에 언급했다 왜냐하면 그것은 내 affix CSS가 작업했던 클래스이기 때문입니다.이 광산에 유사한 문제를 가진 한 사람 :

이 나에게 도움이 무엇을하는 데 도움이

희망 thesetutorials했다.

Answer 2

페이지에 ul 요소에서 당신은 당신이 nav nav-list bs-docs-sidenav 클래스를 사용했다

<ul class="nav nav-list bs-docs-sidenav"> 

한 번 더 클래스 affix-top를 추가 written-있다. 그 다음이 될 것입니다 -

<ul class="nav nav-list bs-docs-sidenav affix-top"> 

을 그리고 삼았이 줄을 당신의 ul 엘리먼트 -

<div class="bs-docs-sidebar span3 affix-top" data-offset-top="50" data-spy="affix"> 

의 부모 노드가이 라인에서 클래스 affix-top를 제거하고 쓰기

<div class="bs-docs-sidebar span3">