Fancybox 2 페이지 상단에 열림

Fancybox2를 설정하고 작동 시키면 프레임에 이미지가 열리고 원하는대로 제목과 닫기 버튼이 있습니다. 그러나 페이지의 맨 위로 다시 스크롤하여 각 이미지를 엽니 다. 따라서 닫는 버튼을 누르면 방문자는 다음 이미지를 선택하기 위해 이미지로 다시 스크롤해야합니다.Fancybox 2 페이지 상단에 열림

다른 Javascript는 부트 스트랩을 사이트 wsa로 구축 한 것입니다. 어떤 일이 일어나고 있는지 또는 이미지를 정렬하여 이미지가 이미지 링크와 같은 위치에 열리는 지에 대한 아이디어가 있습니까?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="source/jquery.fancybox.css" media="screen" /> 
    <script> 
     $(document).ready(function() { 
     $('.fancybox').fancybox({ 
     padding : 0, 
     openEffect : 'elastic' 
     }); 
    }); 
    </script>

그리고 이미지 링크 내가 사용 : 머리에서

내가 가진

<a href="img/addons/Advanced_filters.jpg" class="fancybox" title="Advanced Filters"><img src="img/addons/Advanced_filters.jpg" class="addon_img" /></a>

그리고 내 모든 자바 스크립트는 페이지 하단에 실행되면, fancybox 코드와 함께 :

<script src="source/jquery.fancybox.pack.js"></script>

이 모든 명령이

그것을 설정하는 말을 얼마나 정확하게

많은 감사, 폴.

출처

2014-11-12 Paul Savage

일부 코드를 알려주십시오. – tokyovariable

사용중인 코드를 포함하도록 원래 게시물을 업데이트했습니다. –

https://github.com/fancyapps/fancyBox/archive/master.zip에서 최신 마스터를 다운로드하기 만하면 API가 더 이상 변경되지 않습니다. 옵션이 필요합니다. – JFK

jquery.fancybox.css에 작은 변경을 시도해보십시오

$('.image').fancybox({ 
    padding: 0, 
    helpers: { 
    overlay: { 
     locked: false 
    } 
    } 
});

출처 : http://davekiss.com/prevent-fancybox-from-jumping-to-the-top-of-the-page/

overflow: hidden !important; .fancybox-lock

을 위해 그리고 그것을 할 않는 경우, 시도를 말한다 규칙을 주석

출처

2014-11-12 04:30:39

그것은 훌륭합니다! 고마워요, 이제 완벽하게 작동합니다! –

https://github.com/fancyapps/fancyBox/archive/master.zip에서 최신 마스터를 다운로드하면됩니다. API 옵션을 더 이상 변경할 필요가 없습니다. – JFK

나는 그것을 다운로드했고 그것이 사이트에 내일 그것을 배치 할 것이다 : 그것이 일을하는지에 관해 알기 위해 링크를 위해 타이! –

Fancybox 2 페이지 상단에 열림

답변

관련 문제