其他值随输入而改变的元素抖动/振动

Question

我有滑块和一些输出框来显示这些滑块的值。随着用户移动滑块并且值发生变化，页面的其余部分会移动/跳动以适应新值（非常轻微）的增加。什么是防止这种情况的最好方法？我尝试过使用带有一些填充的容器，但是这只是“增加”了值的大小，并且所有内容都保持抖动。

这是它与顶部的滑块动作发生：www.cherb.co.uk/map

干杯

Answer 1

下面是一些可以正常工作。在你的CSS添加显示：块到类滑块。

.slider { 
    -webkit-appearance: none; 
    width: 90px; 
    height: 10px; 
    background: white; 
    display: block; 
}