scrollTop不适用于溢出:css中的auto属性

Question

如果您发现此问题重复,请道歉,但我无法在StackOverflow上找到正确的答案.

我在我的css类中使用以下属性:

.panel{
     background: rgba(203, 203, 210, 0.15);
     position: relative;
     float: right;
     ...
     overflow: auto;
 }

当我使用$('body').animate({scrollTop: 10}, 500);JQuery函数将页面滚动到顶部时,它不起作用.当我将auto值替换为'visible'或'inherit'之类的东西时,它可以工作.页面结构虽然需要overflow属性.

任何的想法？

Answer 1

我解决这个问题的唯一方法overflow:auto是临时增加页面的高度并将高度重置为其原始值，如下所示：

$('.panel').css({"min-height":"200%"});
$('body').animate({scrollTop: 10}, 500);
$('.panel').css({"min-height":"100%"});