其他值隨輸入而改變的元素抖動/振動

Question

我有滑塊和一些輸出框來顯示這些滑塊的值。隨着用戶移動滑塊並且值發生變化，頁面的其餘部分會移動/跳動以適應新值（非常輕微）的增加。什麼是防止這種情況的最好方法？我嘗試過使用帶有一些填充的容器，但是這只是「增加」了值的大小，並且所有內容都保持抖動。

這是它與頂部的滑塊動作發生：www.cherb.co.uk/map

乾杯

Answer 1

下面是一些可以正常工作。在你的CSS添加顯示：塊到類滑塊。

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