페이지가 세로로 스크롤 된 경우에도 항상 웹 페이지 상단에 div를 표시하는 방법.div 위치가 웹 페이지 상단에 고정
4
A
답변
9
사용 CSS position: fixed;
:
#topdiv {
position: fixed;
top: 0;
}
참조 jsFiddle 예 : http://jsfiddle.net/CXACT/1/
2
div#myDiv {position: fixed; top: 0px; ...}
0
CSS는 :
#topdiv {
position: fixed;
top: 0;
}
또한, JQuery와 함께
을 만들 수 있습니다항상 스크롤 탑 값을 가져 와서 div 상단을 변경하십시오.
$("#topdiv").css("top", scrolltop);
관련 문제
- 1. 페이지 상단에 고정 된 부동 탐색 막대
- 2. 두 Divs가 상단에 고정
- 3. buddypress 관리 막대를 페이지 상단에 고정 시키십시오.
- 4. 웹 페이지에서 div 위치 고정
- 5. 상단에 요소 고정
- 6. 가로 스크롤로 페이지 상단에 헤더 고정
- 7. 페이지 점프없이 div 위치 고정
- 8. div 콘텐츠 영역을 페이지 상단에 추가하려면 어떻게해야합니까?
- 9. 웹 페이지 상단에 이상한 간격을 두는 CSS
- 10. html로 고정 높이 div 페이지 매김
- 11. 상단에 두 개의 고정 된 div 아래로 밀어 고정 된 div : 0
- 12. 위치가 CSS div 문제
- 13. div가 화면 위치에 도달했을 때 div 위치가 스크롤 위치가 아님
- 14. div 상단에 요소 추가
- 15. 고정 위치가있는 div
- 16. Internet Explorer 고정 위치가 제대로 작동하지 않습니다.
- 17. 고정 플로팅 div 스크롤
- 18. 웹 서버 - 페이지 상단에 이상한 문자가 생성됩니다.
- 19. jQuery 스크롤 고정 div
- 20. 위치가 td 인 요소 : 고정 요소
- 21. 고정 위치가 내 정렬을 어지럽히는 이유는 무엇입니까?
- 22. 안드로이드지도 고정 버튼 이미지 상단에
- 23. 유체 높이 div를 고정 된 div 내에서 뷰포트 상단에 핀으로 고정
- 24. 고정 된 div 아래에서 검색하지 마십시오
- 25. 고정 위치가 ipad에서 작동하지 않습니다.
- 26. 페이지 머리글 고정 방법
- 27. 페이지 상단에 도달하는 페이지 제어
- 28. Jquery Mobile 고정 머리글. 상단에 머리말을 붙이십시오.
- 29. 고정 메뉴로 창 상단에 문제가 있음
- 30. CSS : 고정 된 div 중앙에