위치에 따라 텍스트 자동 업데이트

지금 내 게시물에있는 현재 하위 주제를 표시하려면 awesome flexible-nav 을 사용하고 있습니다.위치에 따라 텍스트 자동 업데이트

또한이 현재 // 문자열을 가져 와서 실제 탐색 모음의 페이지 상단에 표시 할 수 있는지 궁금합니다. 그래서 텍스트가 스크롤하면서 유연한 탐색이 변경됨에 따라 변경됩니다.

덕분에 사전

2011-10-31 cwoebker

따라서 게시 한 flexible-nav 예제를 살펴보면 페이지를 스크롤 할 때 다른 메뉴 항목이 강조 표시됩니다. 강조 표시된 메뉴 항목의 텍스트를 캡처하여 다른 곳에 표시하고 싶습니까? – Matthew

아이디어는 현재 강조 표시된 부분을 취하는 것이 었습니다. 바로 그 요소가 html 클래스 태그가 추가되고, 텍스트를 가져 와서 다른 곳에서 쓸 수 있기 때문에 현재 헤더 요소로 자동 전환되는 입력란을 갖게되었습니다. 현재 유연한 탐색 코드 자체를 수정하여 현재 피드를 제공하므로 현재 헤더를 업데이트 할 때마다 다른 필드도 업데이트됩니다. 하지만 그건 너무 많은 처리량을 차지합니다 ... 내 노트북은 스크롤하는 동안 50 %까지갑니다 ... – cwoebker

에 당신은 유연한 nav.js에 일부 코드를 추가 할 필요가, 당신이 확장 하나 수정을하고 나중에 작게를 제안한다.

flexible-nav.js의 라인 208 (즉 가장 가까운 코드는 & & closest.node.addClass ('current');) 다음 코드 행을 추가하십시오.

var doc_title = closest.node.html(); 
$("title").html(doc_title);

이 코드는 스크롤을 계속 내릴 때 제목이 바뀝니다. 스크립트에서 콜백 함수를 찾아 낼 수 없었지만 (이 함수가 있다고 가정 할 경우) 잘 작동합니다.

$ ("title") 대신 원하는 jQuery 선택기를 코드에 추가 할 수 있습니다.

출처

2012-01-03 09:46:34

정답은 내가 뭘했는지, 또한 상당히 프로세서 집약적 인 – cwoebker

위치에 따라 텍스트 자동 업데이트

답변

관련 문제