사용자가 스페이스 바를 사용하여 페이지를 아래로 스크롤하는 동안 왼쪽 및 오른쪽 화면 위젯을 동일한 위치에 유지합니다.

Question

제품을 표시하는 큰 높이 속성이있는 웹 페이지가 있습니다. 사용자가 스페이스 바를 눌러 더 많은 제품을보기 위해 페이지를 아래쪽으로 이동 시키길 원하지만 화면의 동일한 위치에 머무르기 위해 화면 위젯 (쇼핑 카트 & 카테고리)이 왼쪽과 오른쪽에 있어야합니다. 스크롤바를 사용하고 싶지 않습니다. 이 자바 스크립트 요청을 가정, 누군가가 나를 위해 좋은 리소스를 가리킬 수 있습니까?

Answer 1

여기에서 JavaScript를 사용할 이유가 없습니다. CSS가해야합니다. position: fixed을 사용하면 페이지의 요소를 사용자의 뷰포트를 기준으로 특정 위치에 항상 고정되도록 수정할 수 있습니다. http://www.jsfiddle.net/yijiang/qtkss/

추가 읽기 :

• http://reference.sitepoint.com/css/displaypositionfloat
• http://reference.sitepoint.com/css/display
• http://www.alistapart.com/articles/css-positioning-101/

예는 아마 가장 좋은 설명 것

Answer 2

당신은 위젯의 CSS에 position: fixed;를 사용하여 위젯에 적합한 top, bottom, left 및 right 값을 설정,이를위한 자바 스크립트가 필요하지 않습니다. 그러면 위젯이 HTML의 다른 요소가 아닌 브라우저 창과 관련하여 고정 된 위치에 배치됩니다.