星期一, 12月 18, 2023

踩雷啦!! jquery滑動到指定區塊後,手機畫面會鎖住無法滑動

最近因新客戶反應手機按滑動選單後,

手機會卡死畫面(無法滾動!!)

jq代碼如下:

//選單跳段落
$('.header a').click(function (evt) {

console.log('click menu link:' + this.hash);
// evt.preventDefault();
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
jumpSection(this.hash,jumpOffset,500);
}

});

問了chatgpt給點建議xd

檢查 CSS 樣式:有時 CSS 屬性可能會影響滾動條的行為。檢查是否有任何 overflow 相關的樣式設定在包含滾動內容的元素上,這可能會限制滾動。

/* 會造成手動跳動anchor異常 */

/* body.active {

    overflow: hidden;

}

.index {

    overflow: hidden;

} */ 

感動解掉~

沒有留言:

張貼留言

留個話吧:)

其他你感興趣的文章

Related Posts with Thumbnails