따라다니는 스크롤링 메뉴의 위치를 고정시키고싶습니다. 정보
따라다니는 스크롤링 메뉴의 위치를 고정시키고싶습니다.관련링크
첨부파일
본문
그러니...익스창을 크기에 따라서 그 위치가 가변하게됩니다..
이걸 홈페이지의 가로 폭 최대값을 정해준후 그 값의 센터에서부터 일정거리만큼 떨어진 위치에 있게하여 익스창의 크기가 변하더라도 그 위치가 고정되는 방식으로 바꾸고싶습니다..
저는 js에 너무 약해서 모르겠습니다. 도와주세요.
첨부 파일 : scrolling_main.js 는 위치를 정해주는 스크립트
첨부파일 : 출력방법 는 출력하고싶은곳에 넣은 코드입니다.
댓글 전체
js문제가 아닙니다.
메인구성시 좌측 슬라이스(움직이는) 부분을 별도의 테이블로 인식되게끔해야 화면크기에 관계없이
항상같은 위치에 있게됩니다.
또한방법으로는
자바소스중에
브라우저 열려있는 해상도 크기를 알아내는 소스가 있습니다.
그 소스를 이용해서 브라우저 크기를 알아낸다음에 그 크기에서 좌측으로 -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>
설명하기 참 애매하네요ㅡ/ㅡ
메인구성시 좌측 슬라이스(움직이는) 부분을 별도의 테이블로 인식되게끔해야 화면크기에 관계없이
항상같은 위치에 있게됩니다.
또한방법으로는
자바소스중에
브라우저 열려있는 해상도 크기를 알아내는 소스가 있습니다.
그 소스를 이용해서 브라우저 크기를 알아낸다음에 그 크기에서 좌측으로 -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 코드를 변형해보려고 노력해보았는데 잘안되더라구요,.
그런데, 곰순이푸님 충기 나오셨나요?
그것처럼 이것도 js 코드를 변형해보려고 노력해보았는데 잘안되더라구요,.
그런데, 곰순이푸님 충기 나오셨나요?
네 충기졸업입니다.
반갑습니다!!!!^^
충기졸업생이시면 충기총동문회 홈페이지 회원가입하세요 ^^