Wordpress 템플릿 - 스크롤 할 때 사이드 바가 튀어 나옴

나는 그 원인을 찾을 수 없다는 문제를 안고 있습니다. - 가까운 곳에서도 질문을 보지 못했습니다.Wordpress 템플릿 - 스크롤 할 때 사이드 바가 튀어 나옴

맞춤형 WordPress 템플릿을 통해 클라이언트 사이트를 개발 중입니다. 3 개의 '텍스트'위젯을 사용하는 사이드 바가 있습니다. 페이지를 처음로드 할 때 레이아웃은 완벽하지만 페이지와 상호 작용하는 순간 즉, 아래로 스크롤하면 전체 사이드 바가 20-30 픽셀 오른쪽으로 이동합니다.

누구나 원인을 찾기 시작할 수있는 사람이 있습니까? 나는 정말로 약간의 포인터에 감사 할 것이다!

데브 사이트 URL : http://dev.familyandnursingcare.com.php53-6.ord1-1.websitetestlink.com 내가보기에 여기에 다양한 템플릿 CSS 파일을 복사 : http://www.bluetabby.net/fnc/

감사합니다!

출처

2013-05-15 Haikukitty

귀하의 script.js이 창을 스크롤 이벤트에 사이드 바에 '고정'클래스를 설정 선 아래 이러한 CSS에서

$window.scroll(function(event) { 
    $sidebar.addClass('fixed'); 
    scrollTop = $window.scrollTop(), 
    topPosition = Math.max(0, (sidebarTop) - scrollTop), 
    topPosition = Math.min(topPosition, (footerTop - scrollTop) - sidebarHeight); 
    $sidebar.css('top', topPosition + $addHeigth); 
});

.sidebar.right.fixed { 
    position: fixed; 
    margin-left: 725px; 
}

당신은 여백 왼쪽을 변경해야

: 725 픽셀에서 약 690 픽셀로 레이아웃시 레이아웃과 동일하게 만듭니다.

출처

2013-05-15 18:41:08 anpsmn

질문 : 다른 클래스를 호출 할 수 있습니까? 그리고 사이드 바를 전혀 고정시키지 않았습니까? 그게 내 취향이야. 나는 꽤 WP 템플릿 내에서 일하려고 애쓰는 중입니다. 감사! – Haikukitty

고정 사이드 바를 필요로하지 않는다면 클래스를 추가하는 JS에서 scroll 이벤트를 제거하고 CSS – anpsmn

Genius에서도 클래스를 제거하십시오! 정말 고맙습니다! 내 js를 들여다 볼 생각은 없었을 것입니다. 전적으로 CSS 문제 일 뿐이라고 생각했습니다. – Haikukitty

Wordpress 템플릿 - 스크롤 할 때 사이드 바가 튀어 나옴

답변

관련 문제