vue获得获取div内滚动条高度距离？

来源：蜘蛛抓取(WebSpider) 时间：2022-10-18 12:57 标签： 获取div内滚动条高度

看了很多案例，从简单的角度，position:sticky，似乎是比较理想的选择，可是当el-table设置了fixed后，这里的fixed会失效。最后还是采用了js监听滚动的思路实现。

  • 设置表格距离顶部多少就吸顶—offsetTop1
  • 当滚动条滚动 offsetTop1 后，表格就自动吸顶 

      

        
          

            
          

        
        
          

            
              滚动条距离顶部多少像素，自动吸顶
            
          

          

            
          

        
      

      
 * 表格距离顶部的距离
 * 获取滚动条滚动的距离
 * 当滚动条滚动 offsetTop1 后，表格就自动吸顶
 // 给固定头设置样式
 
 

    

  



                            

                                                    

                                

  

    VUE根据ref来获取元素or组件的滚动条位置。 需求分析 滚动条根据展示块的滑动来变更长度or位置 解决方法 思路1.编写原生js代码： 方法不可行，原生js在元素获取上有错误（大概是没找到正确的写法）， 思路2.使用ref和$refs来注册元素从而使用scrollLeft来获取滚动条的横向位置（x轴位置） 关于$refs的几个方法（后期还会继续完善）
  

  

    

      微信公众号从一个有滚动条的页面条状到连一个有滚动条的页面，此时滚动条会记录上一次滚动条的位置，不会自动置顶
      图一 图二 如图所示从图一进入到图二，滚动条自动滚动到底部。 解决方法 方法一： ，因为jquery没有这个方法。
    

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 获取div内滚动条高度 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐