요기 웹 사이트에 떠 있는 것처럼 만들려면 어떻게 해야 하나요? 채택완료
무브먼트
9년 전
조회 13,523
사이트 주소는
http://thenanumnews.com/honors01/index02.html">http://thenanumnews.com/honors01/index02.html
이구요...그기 우측 하단에 보면
다음과 같은 부분이 있어요.
근데 저게 마우스로 아래위 빠르게 스크롤을 시켜도 움찔거리거나 흔들리거나 하지 않고 딱 위치 고수하며
유지하는데.. 저거 어떻게 해야 구현할수 있는지 구체적으로 알려 주실분 있으실까요?
저 혼자 구현해 볼수 있도록 도움 주시는 분께 따끈한 식사 한끼라도 챙겨 드릴까 합니다^^
그게 부족하면 별도의 사례도 괜찮구요^^
참고로 HTML 태그는 이해할수 있지만 자바 소소는 아직 알쏭달쏭 한 수준입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
9년 전
div 로 감싸고 position 에 fixed 를 넣어주면 스크롤 상관없이
그 위치에 고정됩니다.
가로값과 새로값을 정해주고 여백을 정해주면됩니다.
아래 예제를 참고하세요.
</p><p><div style="position:fixed; width:450px; height:260px; bottom:100px; right:100px; z-index:99;"></p><p><img src="<a href="<a href="http://www.kia.com/content/dam/kwcms/kr/ko/images/shopping-tools/special-offers/img_car_k3.png" target="_blank" rel="noopener noreferrer">http://www.kia.com/content/dam/kwcms/kr/ko/images/shopping-tools/special-offers/img_car_k3.png</a>"><a href="http://www.kia.com/content/dam/kwcms/kr/ko/images/shopping-tools/special-offers/img_car_k3.png" target="_blank" rel="noopener noreferrer">http://www.kia.com/content/dam/kwcms/kr/ko/images/shopping-tools/special-offers/img_car_k3.png</a></a>"></p><p></div></p><p>
그리고 내부의 SMS 알림 소스는 별도로 짜야해요..
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
무브먼트
9년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
감사드립니다.
굉장히 어려운 기술인가 했었는데 position:fixed 요걸로 해결이 되는 거였네요^^
Html 5 부터 프레임 관련 태그 지원이 안된다기에 아직 연구중인 페이지 소스지만
방법을 찾아야 할것 같아서 어떻게 접근해야 하나 하고 갈팡질팡 중이었어요.
저 방법을 사용하면 프레임 문서 구조를 버리고 메뉴페이지를 고정시킬수 있지 않을까..
생각이 들어서 기술 자문을 요청했었어요.
한번 연구해 보겠사옵니다^^