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