anotherlee / blogs-js Goto Github PK

var btn = document.querySelector('#button')
btn.onclick = function() {
  var clock = setInterval(function(){
    var distance = document.querySelector('#scroll-ul').scrollTop  //获取需要滚动的元素距离顶部的距离
    if(distance > 0){
      document.querySelector('#scroll-ul').scrollTop = distance-50  //这里的50是每次interval滚动的距离,scrollTop并不是一个方法
    }else{
      clearInterval(clock)
    }
  },50)
 
}

function getExplorer() {
      var explorer = window.navigator.userAgent  //重点在这里
      if (explorer.indexOf('MSIE') >= 0) {
        alert('这是IE浏览器')
      } else if (explorer.indexOf('Chrome') >= 0) {
        alert('这是谷歌浏览器')
      } else if (explorer.indexOf('FireFox') >= 0) {
        alert('这是火狐浏览器')
      } else if (explorer.indexOf('Safari') >= 0) {
        alert('这是safari浏览器')
      }
    }

getExplorer()

    function getMobileExplorer() {
      var explorer = window.navigator.userAgent
      var uc = RegExp('Android.+ucbrowser', 'gi')
      var sogou = RegExp('Android.+SogouMobileBrowser', 'gi')
      var baidu = RegExp('Android.+baidubrowser', 'gi')
      if (uc.test(explorer)) {
        alert('这是安卓UC浏览器')
      } else if (sogou.test(explorer)) >= 0) {
        alert('这是安卓手机搜狗浏览器')
      } else if (baidu.test(explorer)){
        alert('这是安卓手机百度浏览器')
      }
    }
    getMobileExplorer()

$('#container').on('scroll', function(){
  var $distance = $('#container').scrollTop()
  console.log($distance)  
})

document.querySelector('.listDown').chidren.addEventListener('click',function (event) {
  event.stopPropagation()
   document.getElementsByClassName('listDown')[0].style.display = 'none' 
})

document.addEventListener('click', function () {
  document.getElementsByClassName('listDown')[0].style.display = 'none' 
})