playgroundinc.com으로 가면 아름다운 웹 사이트로 인사 할 수 있습니다. 그런 다음 상단에 항상 탐색 표시 줄이 있습니다. 즉, 각 링크를 클릭 할 때마다 다시로드되지 않는 것 같습니다. 링크를 클릭 할 때마다 다시로드 되더라도 클릭하지 않는 것처럼 보입니다.playgroundinc.com에서 내비게이션 효과를 얻는 방법
소스 코드를 보면 html 페이지의 헤더에서 일반적인 탐색처럼 보입니다. 비슷한 효과를 얻는 방법에 대해 궁금합니다.
당신은 표시 대형 코드를 복사, 위의 페이지에 플러그인 skrollr
https://github.com/Prinzhorn/skrollr/blob/master/src/skrollr.js
이동을 사용하는 텍스트 편집기에서 붙여 scrollr.js로 저장할 수 있습니다. 이 파일을 웹 사이트 폴더에 추가하십시오.
는 이제 index.html을 이동 (난 당신이 그라고 가정)과 신체의 하단에 코드를 추가합니다
<script type="text/javascript" src="skrollr.min.js"></script>
<script type="text/javascript">
var s = skrollr.init();
</script>
이 이제 내비게이션 바로 재생할 수 있습니다 :
<div id="nav" data-start="opacity:1;" data-10="opacity:0;">
4px 아래로 스크롤하면 탐색 바가 보이지 않습니다.
'ajax'를 사용하여 해당 페이지를 가져 오는 것 같습니다. – jmore009
그게 내 생각이었는데, 그들은 JS를 사용하여 다음 페이지를 요청하고 표시 할 수 있습니다. 그러나 주소 표시 줄의 URL은이 방법을 사용하는 경우 변경해서는 안됩니다. – nik
맞아요,하지만 그들은 JS를 통해 업데이트 할 수 있습니다. – jmore009