다른 브라우저의 스크롤 바 문제

div에 table 중 하나가 있습니다. 버튼 클릭에서 너비가 div 인 것과 동일하게 table의 너비가 변경됩니다. IE11에서 문제가 발생하고 Firefox 스크롤바가 나타나지 않지만 크롬 스크롤 막대가 표시됩니다. Chrome에서 스크롤 막대가 필요 없습니다. 내 코드에 무슨 문제가 있습니까 ?? 이 문제에 대한 해결 방법은다른 브라우저의 스크롤 바 문제

Here is my code.

있습니까?

누구나 나를 도와주세요 !!

출처

2014-03-19 Abinaya Selvaraju

당신은 그것을 원하지 않거나 ** 스크롤 바를 원하지 않습니까? 표시하는? – webeno

스크롤바가 항상 나타나게하려면'overflow-x : scroll'을 사용하십시오. 'table.width ($ ("# container"). width() - 1);와 같은 것을 사용하고 싶다면 가장 흥미로운 질문은 Chrome이 스크롤바를 전혀 표시하지 않는 이유입니다. – Mathias

@webeno 스크롤바를 원하지 않아 –

당신이 example를 사용할 수있는 몇 가지 값을 공제 g에서 스크롤 막대를 제거하는 방법 oogle 크롬. 문제는 테이블 내용 너비가 동적으로 계산된다는 것입니다 (내용에 따라 열을 고르게 배치). 정의한 너비와 같지 않습니다. 차이는 1px보다 작을 수 있지만 표시됩니다.

수정은 컨테이너 또는 세트 테이블 너비가 적은에 대해 1px 패딩을 사용하는 것입니다. 나는 테이블 너비가 필요로하는 것 (1000,500,250 등 .. 999, 499, 249 ... 대신에)으로 패딩 값을 선호한다.

출처

2014-03-19 09:36:36 Gromo

를 사용하여 윈도우의 폭 :

$("#changeWidth").click(function() { 
      var table = $("#sampleTable"); 
      table.width($(window).width()); 
     });

demo

하고 스크롤바가 필요하지 않은 경우 다음

table.width($(window).width() - 20);

demo

출처

2014-03-19 07:13:36

답변 해 주셔서 감사합니다. Chrome에서 스크롤 막대가 필요 없습니다. 나는 내 질문을 업데이트했다. –

업데이트 내용은 무엇입니까? 스크롤바가 필요 없다면 두 번째 데모 코드를 사용하십시오. –

하드 코딩 된 값을 공제하지 않고 다른 방법이 있습니까? –

다른 브라우저의 스크롤 바 문제

답변

관련 문제