테스트 사이트 - 개발 중인 베타 버전입니다

움직이는 스크롤바 스크립트에 대해 질문입니다.

까만매실 11년 전 조회 4,143

그누보드랑 관련은 없어, 올려도 되는지 모르지만 문제 있을시에 바로 삭제하겠습니다.

 

http://thetriton.cafe24.com/11st.htm" target="_self">11st.htm


 

먼저 위에 링크, 사진와 같이, 움직이는 스크롤바 스크립트를 사용하고자 합니다.

스크롤바의 이미지는 설명하게 편하게 11번가의 것으로 잠시 캡쳐해왔습니다.

작동은 잘 되는것 같습니다만,

문제는, 스마트폰에서 본다던가, 제가 작업한 해상도(1920x1080)가 아닐시에 

이미지가 홈페이지내용을 넘어버린다는 것입니다. 

 

 

실제로 11번가 홈페이지는 모바일에서 접속하든 상관없이 제자리를 지키고 있는데요....


 

 

 

 

 

제가 원하는건 홈페이지든 모바일이든 접속했을때, 해상도에 상관없이 제가 설정한 그자리를 지켜주었으면 하는데..

그게 잘 안되네요... 어느부분을 만져야할지 ㅠㅠㅠㅠㅠ 

아니면 만지는것과 관계없이 제가 사용한 스크립트로는 저게 최선인지요...

 

 head와 head 사이부분에는 

 

body를 아래로 수정했고, 

 body 아래에는

스크롤바 메뉴 삽입

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

진서기
11년 전

 

사이트 폭이 950일 경우 우측에 배너를 고정시키는 스크립트입니다.응용해 보세요.

#rightbanner​ 레이어는 position을  absolute 해주세요

 

                jQuery(document).ready(function(){

                    var bodyw = jQuery("body").width();

 

                    //우측 배너 위치

                    jQuery("#rightbanner").css({

                        left: 960 + (bodyw - 950)/2 + "px"

                    });

 

                    jQuery(window).resize(function(){

                        var bodyw = jQuery("body").width();

                        //우측 리사이즈시..

                        jQuery("#rightbanner").css({

                            left: 960 + (bodyw - 950)/2 + "px"

                        });

 

                    });

 

                });

             

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인