Question

我有一个滑块来调节音量，滑动时非常抖动。我发现如果你单击滑块并将光标拖动到该区域的上方或下方，滑块移动得非常平滑，但是当您将光标放在滑块图标上移动它时，它会变得紧张。有什么想法吗？我正在使用Howler.js！

这是我的网站到目前为止您可以测试的地方： https://www.unearthapp.io/Album/91

注意，您需要在音量滑块变为可调节之前单击歌曲上的播放（通过将鼠标悬停在音轨上）。音量滑块位于右下角。

相关代码：

barEmpty.addEventListener('click', function(event)
{
    var per = event.offsetX / 100;
    player.volume(per);
});
sliderBtn.addEventListener('mousedown', function()
{
    window.sliderDown = true;
});
sliderBtn.addEventListener('touchstart', function()
{
    window.sliderDown = true;
});
volume.addEventListener('mouseup', function()
{
    window.sliderDown = false;
});
volume.addEventListener('touchend', function()
{
    window.sliderDown = false;
});
var move = function(event)
{
    if(window.sliderDown)
    {
        var x = event.offsetX || event.touches[0].clientX;
        var startX = 100 * 0.015;
        var layerX = x - startX;
        var per = Math.min(1, Math.max(0, layerX / 100));
        player.volume(per);
    }
};
volume.addEventListener('mousemove', move);
volume.addEventListener('touchmove', move);

调节音量{J 44}时抖动音量滑块

0 个答案: