div内有滚动条,鼠标div内要素显示按钮

当div内出现滚动条时，如果要在鼠标悬停在div内时显示按钮，可以通过以下方式实现。

首先，我们可以使用CSS样式来设置div的滚动条样式和宽度。可以使用`overflow: auto;`属性来显示滚动条，并设置`overflow-x: hidden;`和`overflow-y: scroll;`属性来分别隐藏水平滚动条和显示垂直滚动条。此外，可以使用`::-webkit-scrollbar`等属性来自定义滚动条的样式。

其次，在div内部添加按钮元素，可以使用HTML的`<button>`标签创建按钮。可以给按钮添加样式和事件，例如`display: none;`属性来一开始隐藏按钮，然后使用鼠标事件，在div内的鼠标悬停或点击时显示按钮。

最后，使用JavaScript来实现鼠标事件的监听和按钮的显示。可以使用`addEventListener`方法来监听`mouseover`或`click`事件，在事件发生时修改按钮的样式，例如`button.style.display = 'block';`来显示按钮。

需要注意的是，由于鼠标悬停和点击事件可能会频繁触发，所以可以使用节流函数或防抖函数来控制事件的触发频率，以提高性能和用户体验。

综上所述，通过设置div的滚动条样式和宽度，添加按钮元素并使用鼠标事件监听来控制按钮的显示，就可以在div内有滚动条时，鼠标悬停在div内时显示按钮。