                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

这个貌似不能全屏，高度会自适应

.st-scroll,.st-panel{ width:100%; height:100%; position:relative;}

我是帅哥

2015-04-16

源自：css3实现网页平滑过渡效果 2-2

关注问题我要回答

1697

操作

收起

6 回答

qq_永不停步_0
2015-04-17

我试过了确实不可以

0 回复有任何疑惑可以回复我~

wang558
2015-04-17

给上一层的class：container设置一个具体的高度比如.container {
height:700px;
}

这样就可以全屏了不能是100%这种相对高度

0 回复有任何疑惑可以回复我~

#1

这样具体高度，在后面切换会产生误差的吧

2015-04-22 回复有任何疑惑可以回复我~

pocanda
2015-04-17

这样

.st-scroll,.st-panel{

width:100%;

height:100%;

}

.st-panel{

position:relative;

}

0 回复有任何疑惑可以回复我~

#1

这个我试了，不行

2015-04-17 回复有任何疑惑可以回复我~

pocanda
2015-04-17

我是这样解决的

.st-scroll,.st-panel{

width:100%;

height:100%;

}

.st-panel{

width:100%;

height:100%

position:relative;

}

0 回复有任何疑惑可以回复我~

#1

迷茫的小点点

试了不行

2015-04-22 回复有任何疑惑可以回复我~

拉丶粑粑
2015-04-17

试了很多遍都不行，实在没办法可以考虑通过JS动态设置.st-scroll的层高度，反正我是这么解决的

0 回复有任何疑惑可以回复我~

#1

你再试试，我的就可以！！

2015-04-17 回复有任何疑惑可以回复我~

#2

qq_永不停步_0

回复：啊

2015-04-18 回复有任何疑惑可以回复我~

#3

迷茫的小点点

回复：怎么做到的？

2015-04-22 回复有任何疑惑可以回复我~

牙尖十怪
2015-04-16

height:100%；这个属性必须要给它的父元素指定了高度才能生效。比如父元素div的高度设置了500px, 它的子元素

<div style="height:100%；">的高度也会是500px;

0 回复有任何疑惑可以回复我~

#1

那老师为什么可以

2015-04-16 回复有任何疑惑可以回复我~

#2

牙尖十怪回复 zhangxinxin

你确定他没有指定父元素高度？

2015-04-16 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

css3实现网页平滑过渡效果

参与学习 54371 人
解答问题 372 个

CSS3 打造页面之间的平滑过渡效果，带来神奇的体验

本课相似问答

3 回答这个自适应最外面的框架自适应了不就可以了吗

3 回答不能全屏的看这里~

2 回答不能全屏啊

5 回答不能全屏这个问题，看完了下面所有解决方法一个一个试了怎么我是不能全屏呢

3 回答自适应不了，怎么回事

搜索更多本课相关问答

这个貌似不能全屏，高度会自适应

我要回答关注问题

意见反馈帮助中心 APP下载