2013-02-21 2 views
2

크기를 조정 창에 겹쳐 메뉴 DIV 및 콘텐츠 DIV 방지 ..내가 여기에 약간의 문제가있어

모든 것이 잘 작동하는 것 같다 (I 창 크기를 조절하지만 때 div의 주위에 움직이는 작은 문제가 있었다 StackOverflow 사용자로부터 약간의 도움으로 문제를 해결할 수있었습니다.)하지만 다른 문제가 발생했습니다.

저는이 웹 사이트에서 제가 작성한 기본 테마를 일부 수정하여 사용하고 있습니다. 창을 아주 작게 만들 때, 수평 스크롤바가 나타나지만 가로 스크롤 막대를 스크롤하면 메뉴가 내용과 겹치는 것을 볼 수 있습니다.

겹치지 않게하려면 어떻게해야합니까? 고정 된 대신 사이드 바의 위치를 ​​절대적으로 만들려고했지만 수직으로 스크롤 할 때 메뉴가 그대로 유지됩니다.

내가 어떻게해야하는지 잘 모르겠다 ... 어떤 도움을 주시면 감사하겠습니다!

감사합니다.

+0

무슨 일이 일어나고 있는지보기가 어렵습니다. 미디어 쿼리를 사용하고 있습니까? 관련 CSS를 게시하십시오. – isherwood

+0

모든 미디어 쿼리를 제거했습니다. 다음은 관련 CSS입니다. '# sidebar-primary { \t 너비 : 240px; \t 여백 : 0px 0px 0px 70px; \t float : left; \t 직위 : 고정; \t 최소 너비 : 240px; }' 위치를 절대로 변경하면 내용이 메뉴와 겹치지 않지만 메뉴가 수직으로 고정되지 않습니다 (원하는 내용). 기본적으로 내 질문은 : 메뉴를 수직으로 고정시킬 수 있으며 절대적으로 수평 적으로 어떻게 할 수 있습니까? – snanda

+0

Javascript에서이 작업을 수행하는 방법은 무엇입니까? 올바른 방향으로 나를 가리키는 마음? – snanda

답변

2

내 의견에 말했듯이, 당신이 사용하는 고정 메뉴 GitHub의에 this 플러그인을 확인해 정확한 방향을 가리 키도록

.. 그 좋은 플러그인을 겹쳐 컨텐츠 사업부를 방지하기 위해 자바 스크립트가 필요합니다 jQuery를 내가 그것을 호스팅,

Here

jQuery를의 작은 비트를 사용하여 작업 버전입니다 .. 거의 정확하게 당신이 계신 달성하기 위해 너무 쉽게 확인합니다 위해 :

레이아웃의 유일한 변화를 너는를 설정해야한다.div에서 left: 0;으로 div를 약간 왼쪽으로 움직이지만, 원래 문제는 단지 jQuery로 해결할 만하다. 레이아웃에 맞는지 알려주세요.

+0

오늘 밤 나중에 확인해 보겠다. 내가 필요로하는 것처럼 보인다. 잘만되면 나는 너무 많은 문제없이 그것을 통합 할 수있다. 고맙습니다! – snanda

+0

고마워, 너는 지금 당장 죽을거야.하지만 내일은 다시 갈거야. :) – snanda

관련 문제