2014-06-17 3 views
0

끈적한 사이드 바를 가지고 있지만 미디어 쿼리가 실행될 때 페이지 하단으로 갈 수 없습니다.끈적 끈적한 사이드 바를 반응 적으로 만드시겠습니까?

데스크톱에서 정말 잘 작동하지만 페이지의 크기를 조정할 때 모든 항목의 상단에 고정 위치가 있습니다.

#spot_menu { position: relative; } 

이 작업을 수행하는 방법에 대한 어떤 생각 :

<script>$.lockfixed("#spot_menu",{offset: {top: 0, bottom: 300}});</script> 

는 나는 늘 내 미디어 쿼리에서 작동 상대 위치하지만, CSS 미디어 쿼리를 갖고 싶어?

var height = $(window).height(); 

if(height === x) { 
    ... 
} 

당신은 또한 당신이 측정하는 내용에 따라 $(window).width()을 사용할 수 있습니다 당신에게 (x 당신이에 대해 확인하는 값이다)와 같은

+0

JS로 위치를 설정하고 있으므로 미디어 쿼리는 'document.documentElement.clientWidth'와 같은 것을 사용하여 JS에있을 수도 있습니다. http://www.quirksmode.org/mobile/viewports.html을 참조하십시오. – stephenhay

+0

당신이하려는 일에 약간의 흐릿함이 있습니다. 그러나 jquery는 도움이된다면 CSS를 조작하는 데 사용할 수있는'css' 메소드를 가지고 있습니다. – ewizard

+0

@stephenhay 그것은 멋져 보이지만 IE에서 지원되지 않습니다 ... – Gibson

답변

0

뭔가 감사드립니다.

+0

이것이 올바른지 확인하십시오 :) – ewizard

관련 문제