el.scroll 不起作用（Chrome）答案

【问题标题】：el.scroll is not function (Chrome)el.scroll 不起作用（Chrome）
【发布时间】：2017-06-24 22:28:33
【问题描述】：

我有一个代码：

document.getElementById("slider").scroll(100,0);

在 FF 上工作，但没有 Chrome。我不知道为什么。我正在搜索谷歌以查找问题。只有我发现是使用 jQuery 解决的问题。当然使用这个库的一个功能是......愚蠢。

那么，是否有可能以不同的方式解决或替换为另一个函数？

CSS 类：

.

overflow_slider{
height:200px;
background-color:silver;
margin-top:25px;
overflow: hidden;
position:relative;
width:80%;
margin:auto;
}

【问题讨论】：

标签： javascript google-chrome

【解决方案1】：

使用scrollTop 属性：https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop

请注意，您将其设置为属性，而不是函数调用。

【讨论】：

【解决方案2】：

Chrome 有：

element.scrollHeight, element.scrollIntoView, element.scrollIntoViewIfNeeded, element.scrollLeft, element.scrollTop, element.scrollWidth.

选择一个。

假设您想向下滚动 100 像素，您可以执行以下操作：

element.scrollTop = element.scrollTop + 100;

【讨论】：

然后使用 element.scrollLeft。

【解决方案3】：

溢出：隐藏；禁用滚动元素的可能性

使用：

overflow: scroll;

如果你想在你的 style.css 中隐藏滚动条使用：

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

【讨论】：