2010-06-23 2 views
0

크기 요소이므로 스크롤하지 않아도됩니다. 나는 작은 "노트"를 만들 수있는 도구를 만들고 있습니다. 그런 다음 Ext.Draggable 개의 항목으로 바뀝니다. 제가하고 싶은 것은이 아이템들을 그들이 필요로하는 것보다 더 크지 않은 크기로 만드는 것입니다.크기 요소이므로 크기가 정확하게 스크롤 할 필요가있는만큼 크다.

요소가 절대 위치되어 인 - 라인 및 topleftheightwidthposition: absolute 값을 설정. 문제는 높이 값이 실제로 신뢰할 수 없다는 것입니다.

매우 짧은 크기 (예 : 3px)로 크기를 설정 한 다음 스크롤바가 사라질 때까지 높이를 증가시킬 수 있습니까? 그 문제가 언제 발생하는지 어떻게 알 수 있습니까? 브라우저간에 신뢰할 수있는 방식으로이를 수행 할 수 있습니까? 일반적으로

Code: http://github.com/artlung/ArtLung-Notes/blob/master/v2/index.js

+0

또한 ExtJS의 새로운 Sencha 프레임 워크에서 ExtJS를 사용하지만이 경우 보편적 인 DOM 솔루션이 있다면 멋질 것입니다. 또한 내가 배울 수 있고 수정할 수있는 다른 구현 (jQuery, Prototype, MooTools)에도 관심이있을 것이다. – artlung

+1

단순히 명시적인 높이를 제거하지 않겠습니까? (나는 Ext가 일반적으로 자동 크기 조정을 위해 짜증이났다. 나는 다른 인스턴스에서 필요할 때마다 고민해야한다.) – doublep

+0

그렇게 단순 해 보인다. 웬일인지 나는 그들이 요소를 만들었을 때 그 요소에 대한 높이를 두어야한다고 생각했다. 파이어 폭스, 크롬, 사파리에서 잘 작동하는 것 같습니다. – artlung

답변

1

, Ext.util.TextMetrics.getHeight()를 참조하십시오. 높이 결정을 위해 싱글 톤을 사용할 수 없습니다.

그러나 명시적인 높이를 제거하면 일반적으로 문제를 해결할 수 있다고 생각합니다. 그러나 그림자 오버레이 크기와 같은 것을 동기화해야하는 경우는 아닙니다.

+0

'Ext.util.TextMetrics'에 대한 소개에 감사드립니다 - 나는 미래에 그것을 볼 것입니다. 때로는 가장 좋은 간단한 솔루션입니다. – artlung

1

요소의 style.position이 절대이고 style.width가 결정되면 style.height를 'auto'로 설정하면 내용과 채우기를 포함하는 상자가 스크롤 막대없이 만들어집니다.

+0

'auto'가 기본값 인 것처럼 보입니다. http://www.w3.org/TR/CSS2/visudet.html#the-height-property – artlung

관련 문제