HTML5 PushState 라이트 박스

Question

On Behavior.net 필자는 lightbox를 사용하는 매우 현명한 방법을 보았습니다. 라이트 박스에서는 비디오 또는 프리젠 테이션과 같은 라이트 박스에서 전체 페이지를 열고 URL을 변경합니다. 사용자가이 URL을 공유하면 새로운 방문자는 콘텐츠를 볼 수 있지만 이제 다른 페이지에 표시됩니다 (새 방문자는 어떤 페이지가 뒤에 놓일 지 모르기 때문에 라이트 박스에서 볼 수 없기 때문에). 그러면 사용자가 라이트 박스를 닫으면 URL이 이전 페이지로 돌아갑니다.

당신은 자신이 여기 볼 수 있습니다 https://www.behance.net

우리는 BackboneJS을 사용하여 프로젝트를 구축하고 또한 HTML5 Pushstate를 사용하지만, 우리는이 작업을 수행하는 방법을 아직 파악하지 않은 것입니다.

아는 사람 있습니까?

Answer 1

var stateObj = { foo: "bar" }; 
history.pushState(stateObj, "page 2", "bar.html"); 

stateObjMDN에서 당신이 popState 이벤트에 전달할 데이터입니다.