html - 隐藏溢出时滚动到顶部

Question

有没有办法将具有 of 的元素的内容滚动overflow到hidden顶部？

示例用例：

1. 容器元素的最大高度为 200px，起始位置为 60px。
2. 用户点击“显示更多”，高度扩展为 200px。
3. 由于有超过 200px 允许的内容，用户可以滚动到列表底部。
4. 当用户点击“显示更少”时，高度降低到 60px。
5. 问题出现了，因为列表不再位于顶部且不可滚动。

这里的任何想法都会很棒。

Answer 1

我相信CSS是不可能的。

您可以尝试查看element.scrollIntoView。

搜索 scrollIntoView 我在 SO上找到了这个问题，答案建议使用 jQuery 的 scrollTop。

Answer 2

你的意思是这样的吗？

http://jsfiddle.net/8pvjf/

它确实与jquery有关

$(document).ready(function(){

        $('.background').css('font-size',($(window).width()*0.1));

        $(".blow").each(function(){

        });



       $('.blow').on('click', function(event){
var element = $(this);
if(element.attr('data-blow') == 'true'){
    element.animate({ width:'24%', height:'20%' , opacity:0.6 }, 1000).attr('data-blow', 'false')
    $(this).addClass('blow')
    $(this).removeClass('overflow')
} else {
    element.animate({ width:'100%', height:'100%' , opacity:0.95 }, 1000, function(){
        $('body').animate({ scrollTop: element.offset().top });
    }).attr('data-blow', 'true').addClass('overflow').removeClass('blow');


}

});

        $(window).resize(function(){
$('.background').css('font-size',($(window).width()*0.1));

});

尽可能多地玩弄这些代码。当然，这是基于我以前的一些工作，您需要根据需要更改类和样式。:)