滾動到頂部jquery不工作

所以我一直在尋找這個和唯一的工作是取代在min-height: 100%的身體height: 100%的CSS。事情是，改變打破了頁面的風格。有沒有另外的解決方法呢？滾動到頂部jquery不工作

function ScrollTop() { 
    $('html, body').animate({ scrollTop: 0 }, 0); 
    return false; 
} 

function NextPage(page) { 
    $(".page[data-page='" + page + "']").addClass("hidden"); 
    page = page + 1; 
    $(".page[data-page='" + page + "']").removeClass("hidden"); 
    ScrollTop(); 
}

html, body, form, #container, #mainform, #content { 
    margin: 0 auto; 
    padding: 0; 
    position: relative !important; 
    width: 100% !important; 
    height: 100% !important; 
}

僅供參考這不是在任何瀏覽器（最新版本的所有瀏覽器的爲準）工作。也請嘗試從身體上刪除overflow-x: hidden，但仍然無法正常工作。也試過

$("#container").animate({ 
    scrollTop:0 
}, "slow"); 

window.scrollTo(0, 0) //this returns undefined

來源

2016-01-04 devMd

該元素具有滾動條？ –

你能否提供可複製的http://jsfiddle.net？ –

第一個問題解決了問題，酒吧是在一個小孩的容器，所以我改變了選擇器到那個小孩的容器和工作。謝謝。 – devMd

我已經創建了一個工作小提琴。它工作得很好。

$(function() { 
    $('.backtotop').click(function() 
     $('body').animate({ scrollTop: 0 }, .2); 
     return false; 
    }); 
});

這應該工作https://jsfiddle.net/cmhLroe1/

來源

2016-01-04 16:52:31 Ehs4n

滾動到頂部jquery不工作

回答

相關問題