모바일 사파리와 x 오프셋

자바 스크립트를 사용하여 Mobile Safari에서 뷰포트의 x 오프셋을 찾은 다음 요소의 인라인 CSS에 px 기반 값으로 적용하기 전에 이전에 게시했습니다 (https://stackoverflow.com/questions/5737833/adjusting-horizontal-offset-for-an-image-gallery-in-mobile-safari).모바일 사파리와 x 오프셋

뷰포트의 결정하는 방법이 모바일 사파리에서 x는 오프셋, 다음 :

이 포스트는 조금 장황한 및 해당 응용 프로그램에 고유 한, 그래서 여기에 실제 질문을 것이었다 요소에 인라인 스타일로 적용할까요?

이미지 갤러리 오버레이를 올바르게 배치하는 것은 물론 사이트 전체에 명명 된 앵커를 사용하는 것이 필요합니다. Mobile Safari는 객체 (또는 뷰포트)의 x- 오프셋을 결정하는 일반적인 방법을 지원하지 않기 때문에 일부 JS 속임수가 필요하다는 것을 알고 있습니다.

출처

2011-04-22 bigsweater

jquery를 사용하여 모바일 사파리 (asuming Iphone, Ipod, Ipad)에서 자바 스크립트에 대해 잘 모르겠다. 다음 줄을 사용하여 Z- 인덱스가 서로 위에있는 div 레이어를 배치합니다. photoswipe.js에서 위치 지정된 래퍼 div의 네 가지 참조 모두에

var left1 = jQuery("div#Layout_Border_div").offset().left; 
var top1 = jQuery("div#Layout_Border_div").offset().top; 
jQuery("div#LayoutPage_Backward"). 
    css({ position: "absolute","left": (left1) + "px","top": (top1) + "px" });

if you can give me some sample of code I can help more.

출처

2011-04-22 21:55:56 Ekim

http://partnersios.bigsweaterdesign.com/testing에서 거친 모형을 볼 수 있습니다. 내 문제는 스태킹 순서 (Z- 인덱스)가 아닙니다. 내 문제는 라이트 박스형 스크립트가있는 가로 스크롤링 사이트입니다. 스크롤하지 않으면 라이트 박스가 정상적으로 나타납니다. 오른쪽으로 스크롤하고 라이트 박스를 활성화하면 뷰포트 대신 문서의 왼쪽에 붙습니다. 세로 사이트에서는 괜찮지 만 가로에서는 그렇지 않습니다. Lightbox가 문서가 아닌 뷰포트에 있어야합니다. 데스크톱 용으로 제작되지 않았기 때문에 iOS 기기/에뮬레이터에서 사용해보세요. 이해가 되니? – bigsweater

I managed to come up with an almost-solution: I added marginLeft: window.pageXOffset + "px",을 추가합니다.

이제 사진을 클릭하면 사진 뷰어가 전혀 스크롤 된 경우 뷰포트에 표시됩니다.

그러나 이상하지 않습니다. 수동으로 photoswipe.js 소스를 편집 중이며 두 번째로 갤러리가 실제로 사용자의 스크롤을 따르지 않습니다 (따라서 사용자가 오른쪽으로 더 스크롤하면 다른 이미지를 클릭하면 첫 번째 위치가 있던 곳의 갤러리가 나타납니다.

이 문제가 해결 될 예정입니다. 포토 갤러리가 photoswipe.js 소스 코드를 편집하지 않고 동적으로 사용자의 스크롤을 따르도록하려면 어떻게해야합니까?

출처

2011-04-25 22:39:40 bigsweater

모바일 사파리와 x 오프셋

답변

관련 문제