使用css自定义滚动条滑块位于底部

Question

通过使用css和webkit，滚动条拇指可以默认位于页面底部。我使用jquery这样做，但这并没有给我想要的结果，我想用css做

这是我的css代码

.container::-webkit-scrollbar {
width: 12px;
background-color: #000000;
 }
.container::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.container::-webkit-scrollbar-thumb {

  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

这是我用来实现这个的jquery代码

<script type="text/javascript">
  var refreshIntervalId=null;
  refreshIntervalId =  setInterval(function(){
      var element = document.getElementsByClassName('container')[0];
      if (element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth) {
        $('#mydiv').animate({
                   scrollTop: $(document).height()
               },
                'slow');
               return false;
      }
    }, 100);
</script>

Answer 1

如果你有jQuery，你可以这样做 -

$('html,body').animate({scrollTop: document.body.scrollHeight},"slow");

而已。