Firefox에서 양식에 overflow-y가 표시되지 않습니다.

내부에 일부 축소 버튼이 있으므로 양식 요소에 overflow-y를 추가했습니다. 따라서 사용자가 보봇 (Boeeport) 아래에서 가장 수직으로 수직으로 확장 할 경우 사용자가 모두 열면 스크롤이 필요합니다.Firefox에서 양식에 overflow-y가 표시되지 않습니다.

이상하게도 Firefox를 제외한 모든 브라우저에서 정상적으로 작동합니다. 아무도이 문제가 있었습니까? 그것을 해결하는 방법을 알고 있습니까?

HTML :

<form class="product-filters-categories js-instant-form-submit" method="get" action=""> 
.... ETC 
</form>

나는 바이올린을 추가합니다 요청으로 많은. jquery를 삽입하여 축소 작업을 수행하는 방법을 모르겠습니다 ... 미안 : http://jsfiddle.net/KE3yu/2/

도움이 되었기를 바랍니다.

CSS :

.product-filters-categories{ 
    height: 100%; 
    padding: 0 30px 60px 30px; 
    overflow-y: auto; 
    overflow-x: hidden; 
}

출처

2014-02-12 Daniel Ramirez-Escudero

데모가 도움이 될 것입니다. –

용기의 최대 높이를 설정해보십시오. 이렇게하면 기본적으로 스크롤 막대가 없지만 내부의 항목이 확장되면 표시됩니다. – Nix

@Nix 서식의 높이가 100 %입니다. 컨테이너의 높이는 jQuery에 의해 주어진 뷰포트의 높이입니다. 따라서 최대 픽셀 수가 있습니다. 이 방법으로 내용이이 픽셀 수보다 크면 스크롤이 결국 나타납니다. 문제가 무엇입니까? –

사용 overflow-y: scroll;가 보여보다는에게 자동차를 만들기 위해.

출처

2014-02-12 11:13:51 Nitesh

그럼 스크롤이 없다고해도 스크롤을 계속 볼 수 있습니다. 그럼에도 불구하고, 그것은 문제를 해결하지 못합니다 ... –

나는 크롬에서 스크롤을 얻지도 못합니다. 귀하의 상황에 대한 데모를 제공하십시오. @ DanielRamirez-Escudero – Nitesh

나는 내가 가지고있는 코드로 바이올린을 추가했다. 도움이되기를 바랍니다! –

Firefox에서 양식에 overflow-y가 표시되지 않습니다.

답변

관련 문제