다른 div의 끈적한 사이드 바

끈적한 사이드 바를 사용하여 사이트를 준비해야합니다. 이 페이지에다른 div의 끈적한 사이드 바

링크 : http://iem.pw.edu.pl/~witkowr1/cwiczenie1/menu.html

이 하위 페이지에서 나는 끈적 끈적한 이미지 검사기을 시도하고 그것은 작동하지입니다. 나는 예제 코드 전송 :

function fixDiv() { 
    var $cache = $('#validator'); 
    if ($(window).scrollTop() > 100) $cache.css({ 
     'position': 'fixed', 
      'top': '10px', 
      'right': '40px' 
    }); 
    else $cache.css({ 
     'position': 'absolute', 
      'top': '75px', 
      'right': '40px' 
    }); 
} 
$(window).scroll(fixDiv); 
fixDiv();

을하지만 내 주요 문제는 끈적 메뉴입니다 내가 어떤 생각을 가지고 있지 않습니다. 제공

출처

2013-10-15 witek1902

첫 번째 장소에서 고정식 div 고정 위치를 지정하지 않으시겠습니까? – qternion

나는 당신이하려는 것을 얻지 못한다. 유효성 검사기 센터는 페이지 상단에 있으며, 스크롤하면 (100px 이후) 흐름에서 제거하여 고정시키고 100px 미만인 경우 절대 작성합니다 ... 그럼 어떻게할까요? 시작에서 유효성 검사기를 sticky로 만들거나, <100px를 스크롤 할 때 시작 위치에서 그것을 반환하고 싶습니까? 분명하지 않아... – drip

에 한번 당신의 '#menu는'이러한 스타일을 div에 :

#menu { 
    position: fixed; 
    top: 10px; 
    left: -20px; 
    width: 20%; 
    float: left; 
}

또한, 오버 플로우를 제거 할 수 있습니다 : body 요소에서 숨겨진.

출처

2013-10-15 19:33:24 kborodkin

다른 div의 끈적한 사이드 바

답변

관련 문제