полоса прокрутки в IE работает, но не в chrome - PullRequest
Новая
       2

полоса прокрутки в IE работает, но не в chrome

0 голосов
/ 30 апреля 2020

У меня есть таблица, как показано ниже, где полоса прокрутки работает в IE 11 с scroll = yes, но то же самое не работает в Chrome. Любое предложение или помощь будут оценены. спасибо. 

table,
td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  text-align: left;
}
<body scroll="yes" scrolling="yes">
  <table style="width:100%">
    <tr>
      <td width="25%"><label>name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
    <tr>
      <td width="25%"><label>last name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
    <tr>
      <td width="25%"><label>middle name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
    <tr>
      <td width="25%"><label> name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
  </table>

Ответы [ 2 ]

1 голос
/ 01 мая 2020

Ни один из этих атрибутов элемента body не поддерживается ни в чем, кроме Inte rnet Explorer. На самом деле, веб-сайт Mozilla Developer Network не перечисляет его как атрибут: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body

Я бы рекомендовал сделать это в css вместо использования overflow, overflow-x или overflow-y

0 голосов
/ 01 мая 2020

Просто добавьте overflow-y:auto к вашему тегу body, и это должно сработать. (или overflow-y:scroll) 

table,
td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  text-align: left;
}
<body scroll="yes" scrolling="yes" style='overflow-y: auto;'>
  <table style="width:100%">
    <tr>
      <td width="25%"><label>name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
    <tr>
      <td width="25%"><label>last name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
    <tr>
      <td width="25%"><label>middle name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
    <tr>
      <td width="25%"><label> name </label></td>
      <td width="75%"><input type="text"></td>
    </tr>
  </table>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...