2012-05-21 2 views
0

) jQuery를 사용하여 선택 목록에서 옵션을 선택하면 해당 div가 해당 내용으로 수평 스크롤됩니다. 스크롤 할 각 div는 페이지의 보이는 너비의 100 %를 차지해야합니다. 필자 폭없는 화소 %의 값을 사용하므로jQuery 수평 탐색 문제 (너비가 %

http://jsfiddle.net/jamesbrighton/KUMqV/6/

내 디자인은 액체 폭을 가질 것이다. 문제는 % 계산이 약간 꺼져 있다는 것입니다. 첫 번째 옵션 인 'may'에 대해 div는 필요한만큼 전체 너비를 차지합니다. 다른 옵션을 살펴보면 목록을 통해 더 멀리 갈수록 div가 짧아집니다.

이 기능은 희귀 그래서 ID가 정말 옵션의 수 (10) 감사

같은 좋은 라운드 수는

UPDATE 여기가 무슨 뜻인지의 사진입니다 arn't 때이 문제를 해결하는 방법에 대한 의견을 감사하는 것이 캔트 . 빨간색 테두리는 100 % 너비이지만 그 너비는 적어야합니다.

+0

FF12에서는 몇 가지 옵션이 변경된 후에도 너비가 괜찮은 것으로 보입니다. –

+0

Ive가 문제를 보여주는 이미지로 내 질문을 업데이트했습니다. – Evans

+0

사실 당신의 권리는 FF로는 일어나지 않지만 Chrome과 Safari에 있습니다. 내 사이트의 초점은 iPhone 및 Android 사용자이므로 웹킷에서 도전적으로 대응해야합니다. – Evans

답변

1

enter image description here이 예를 살펴 : http://jsfiddle.net/KUMqV/23/ 없는 깨끗한 솔루션,하지만 4 개 추가 된 div를 추가하면 1600 %와 6,25 %로 폭을 설정할 수 있습니다. Greetings, Gijoey

+0

작동하지만 처음부터 다시 작성했다면 더 의미있는 방법이 있습니까? – Evans

+0

나는 그렇게 생각하지 않는다. 그것은 서브 픽셀 반올림 때문입니다. 브라우저는이 문제에 대해 매우 다르게 작동합니다. 이 기사를 보시오. http://ejohn.org/blog/sub-pixel-problems-in-css/ – Gijoey

+0

미래에는 부동 대신에 절대 위치 지정을 사용하여 실험 할 수 있다고 생각합니다. 그런 다음 컨테이너 폭은 100 %로 유지 될 수 있으므로 매번 + 또는 - 100 % 만 이동하면됩니다. 확실하게해야 할 필요가 있지만, 이것이 효과가 있다고 생각합니다. 감사 – Evans