滚动到顶部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不工作

回答

相关问题