따라다니는 스크롤링 메뉴의 위치를 고정시키고싶습니다.
링크
http://lifeinside.dyndns.org/plugin/game/game.php (136) http://lifeinside.dyndns.org/plugin/game/ogame.php (111)
현재는 해상도에 따라서 레이아웃 좌측에서 정해준 값만큼 떨어지게 되어있습니다.
그러니...익스창을 크기에 따라서 그 위치가 가변하게됩니다..
이걸 홈페이지의 가로 폭 최대값을 정해준후 그 값의 센터에서부터 일정거리만큼 떨어진 위치에 있게하여 익스창의 크기가 변하더라도 그 위치가 고정되는 방식으로 바꾸고싶습니다..
저는 js에 너무 약해서 모르겠습니다. 도와주세요.
첨부 파일 : scrolling_main.js 는 위치를 정해주는 스크립트
첨부파일 : 출력방법 는 출력하고싶은곳에 넣은 코드입니다.
그러니...익스창을 크기에 따라서 그 위치가 가변하게됩니다..
이걸 홈페이지의 가로 폭 최대값을 정해준후 그 값의 센터에서부터 일정거리만큼 떨어진 위치에 있게하여 익스창의 크기가 변하더라도 그 위치가 고정되는 방식으로 바꾸고싶습니다..
저는 js에 너무 약해서 모르겠습니다. 도와주세요.
첨부 파일 : scrolling_main.js 는 위치를 정해주는 스크립트
첨부파일 : 출력방법 는 출력하고싶은곳에 넣은 코드입니다.
첨부파일
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 5개
메인구성시 좌측 슬라이스(움직이는) 부분을 별도의 테이블로 인식되게끔해야 화면크기에 관계없이
항상같은 위치에 있게됩니다.
또한방법으로는
자바소스중에
브라우저 열려있는 해상도 크기를 알아내는 소스가 있습니다.
그 소스를 이용해서 브라우저 크기를 알아낸다음에 그 크기에서 좌측으로 -500px 을 지정해서
div로 위치 고정해주는 방법이 있습니다. 후자가 났겠네요.
소스입니다. 응용하세요
<script language="Javascript">
wb = document.body.clientHeight/2 - waiting.clientHeight/2 // 브라우저 높이를 알아낸다음 중앙위치를 찾는다
wp = document.body.clientWidth/2 -waiting.clientWidth/2 //브라우저 넓이를 알아낸다음 중앙위치를 찾는다
waiting.style.top=wb //id='waiting' 의 높이
waiting.style.left=wp //id='waiting' 의 폭
</script>
설명하기 참 애매하네요ㅡ/ㅡ
그것처럼 이것도 js 코드를 변형해보려고 노력해보았는데 잘안되더라구요,.
그런데, 곰순이푸님 충기 나오셨나요?