美文网首页
模拟实现滚动锚点

模拟实现滚动锚点

作者: Eternal丶星空 | 来源:发表于2018-05-29 13:47 被阅读4次
  const ClickScroll = (ele, num) => {
  ele.on('click', () => {
    $('html,body').animate({
    scrollTop: num,
   }, 300)
  })
 }

const ContestScroll = () => {
const aboutTop = $('#contest-about').offset().top
const challengeTop = $('#contest-challenge').offset().top
const leaderboardTop = $('#contest-leaderboard').offset().top
ClickScroll($('.to-about'), aboutTop)
ClickScroll($('.to-challenge'), challengeTop)
ClickScroll($('.to-leaderboard'), leaderboardTop)
}

ContestScroll()

相关文章

网友评论

      本文标题:模拟实现滚动锚点

      本文链接:https://www.haomeiwen.com/subject/lxtajftx.html