Question

有没有办法将overflow hidden的{{1}}元素的内容滚动到顶部？

示例用例：

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

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

Answer 1

我相信CSS无法实现。

您可以尝试查看element.scrollIntoView。

搜索scrollIntoView我发现这个question on 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));

}）;

尽可能多地玩弄这些代码。当然，这是基于我以前的一些工作，你需要根据自己的需要改变你的课程和风格。：）

隐藏溢出时滚动到顶部

2 个答案: