2012-04-22 2 views
9

나는 GitHub Repo에서 TimelineSetter Plugin을 사용합니다.화면에 항상 타임 라인 세터 카드 초점 맞추기

문제는 TS 항목이 타임 라인의 절반보다 클 때 플러그 인이 활성화 카드를 넣을 위치를 알지 못하기 때문에 타임 라인 바깥에 나오기 때문에 숨겨져 있다는 것입니다. 좋은 점은 당신이 확대하고 카드 (TS 항목)의 크기가 타임 라인의 크기의 절반보다 작을 때 모든 것이 잘 작동한다는 것입니다.

Example 1

enter image description here

는 I 고정 문제에 시도 I 카드의 크기와 동일한 크기를 만들었다 :

상기 문제의 예는이 jsFiddle 저장소에 도시 타임 라인과 카드가 움직일 때 나는 카드를 움직이지 않고 카드의 화살표를 움직인다. 불행하게도 이것은 Zoom 기능에 다른 문제를 야기합니다.

Working demo: Problem with Zoom

누군가가 내가이 문제를 해결할 수있는 방법에 대한 올바른 방향으로 날 지점 수 있습니까?

+0

플러그인의 예가 올바르게 작동하는 것처럼 보입니다. (http://fropublica.github.com/timeline-setter/doc/twitter-demo.html ) 이 문제가 귀하의 브라우저에서 발생합니까? Chrome을 사용하고 있습니다. – LukeGT

+0

변경되는 카드의 너비가 타임 라인의 크기보다 작기 때문에 예제가 올바르게 작동합니다. 그러나 나의 예를 더 큰 카드로 확인하십시오. 타임 라인 바깥에 도착합니다! – glarkou

+0

아, 저를 용서해주십시오. 충분히 실험하지 않았습니다. 브라우저 창 크기를 조정하여 사용해 보았지만 실패한 예제는 클릭하지 않았습니다. 많은 것은 여전히 ​​작동하지만 일부는 실패합니다. – LukeGT

답변

1

나는 코드를 많이 보지 못했지만 문제는 카드가 "왼쪽 :"CSS 속성을 많이 차지한다는 것입니다.

왼쪽을 꺼내고 타임 라인 섹션을 가리키는 노란색 화살표를 움직여보십시오.

관련 문제