通过ajax加载内容后，如何在div的顶部制作水平滚动条？

Question

HTML代码

   <div  id="scrollidout"  style="overflow: auto; overflow-y: hidden; ">
    <div id="scrollidin" style="padding-top: 1px; height: 20px; width: 1000px">&nbsp;</div>
</div>
<div class="resultcontent" style="overflow: auto; overflow-y: hidden; " id="resultcontent" >

  SEARCH RESULTS HERE

  <div id="scrollidin12" style="padding-top: 1px; height: 190px; width: 3200px">
    klklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklk
    lklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklkklklklklk
  </div>

</div>

JAVASCRIPT代码

 $(function(){


   $('#scrollidout').on('scroll', function(){
        $('#resultcontent')
            .scrollLeft($('#scrollidout').scrollLeft());
    });

    $('#resultcontent').on('scroll', function(){
        $('#scrollidout')
            .scrollLeft($('#resultcontent').scrollLeft());
    });
  });

最初加载时当整个页面都可以使用时，但是当我使用Ajax更改div“ #resultcontent”的内容时，我无法使用顶部滚动条再次滚动div。 我该如何解决？

Answer 1

有帮助吗？ https://developer.mozilla.org/fr/docs/Web/CSS/overflow

放置一个带有overflow : scroll的类overflow : scroll以强制显示滚动条。