移動端使用scrollTop方法點選展開內容使該區域在滾動到瀏覽器最頂端

前端月陌發表於2020-12-14
瀏覽器

在這裡插入圖片描述
如上圖，點選甲骨文不能再當前位置展開，而是去頂部，其中不能被header遮住
在這裡插入圖片描述
程式碼如下：

$('#content .item').click(function (e) {
    $(this).siblings().removeClass('item-active')
    if (e.target.className === 'content-title') {
      $(this).toggleClass('item-active')
      $('html, body').scrollTop($(this).offset().top - $('#page-head').height())
    }
  })

相關文章