input range 如何实现滑块滑动时数值跟随滑块的位置同时移动

来源：蜘蛛抓取(WebSpider) 时间：2021-06-16 02:39 标签： 

  

  

    

      
        

          
        

      
      
        

          
            当前有效值范围显示class
          
        

        

          
        

        

          
            0
          
        

        

          
        

        

          
        

        

          
        

        

          
            outer进度计算以進度条宽为准inner进度计算需扣除条滑块宽
          
        

        

          
            当前值变化时触发的事件，传入对象:event为事件,value为当前值
          
        

        

          
            当前值变化后触发的事件传入对象:event为事件,value為当前值
          
        

      
    

    

      
        

          
        

      
      
        

          
        

        

          
        

      
    

  



                            

                                                    

                                

  

    在我的Vue应用程序中,我创建了一个滑块来控制div中的水平滚动我成功地实现了所需的逻辑,但问题是保持滑块位置与div本身对齐。我想我可能想用 event.target.offsetWidth 但我想不出怎样移动才能使div和slider嘚位置保持一致我目前的代码如下: 滑块html:
  

  

    正如你现在看到的,我增加或减少75 scrollLeft 因为这是我最接近的一些行为,看起来很好(显然不是在每个屏幕上)。你知道我怎样才能更准确地控制卷轴吗?
  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐