小编Yog*_*dra的帖子

我正在从事一个项目，在其中教师可以节省上课时间。他可以根据天数看到自己的时间。我用了代码

$qry = mysqli_query($con, 'select * from users left join time_slot on users.id=time_slot.u_id where users.id=' . $id);
echo '<table class="table_class" border="2">
                <tr>
                <th class="details">id</th>
                <th class="details">Date</th>
                <th class="details">start time</th>
                <th class="details">End Time</th>
                </tr>';
while ($row = mysqli_fetch_array($qry)) {
    echo '<tr>';
    echo '<td class="details">' . $row['id'] . '</td>';
    echo '<td class="details">' . $row['name'] . '</td>';
    echo '<td class="details">' . $row['day'] . '</td>';
    echo '<td class="details">' . $row['time_from'] . '</td>';
    echo '<td class="details">' . $row['time_to'] . '</td>';
    echo '</tr>';
}
echo '</table>'; …

我正在尝试以scrollTop编程方式设置某些 DOM 元素的属性，并且我有奇怪的行为会破坏我在某些特定环境中的测试。我创建了最小的复制（链接）

HTML

<div id=viewport><div id=content></div></div>

CSS

#viewport {
  overflow-y: auto;
  height: 20px;
}
#content {
  height: 150px;
}

JS

const viewport = document.getElementById("viewport");
viewport.scrollTop = 75;
console.log(viewport.scrollTop);

该脚本的结果在Win 10 Pro上运行的Chrome 69.0.3497.100上被破坏。它代替. 它可以在Mac上的相同Chrome版本上正常运行，甚至可以在 VirtualBox 下运行的Win 10 Home 上正常运行。Firefox和Edge也没有这样的问题。74.400001525878975