不定高，好像使用锚点返回不了顶部啊

<!doctype html>

<html>

<head>

<title>2-5、定位回到顶部</title>

* {

margin: 0;

padding: 0;

}

html,body {

width: 100%;

height: 100%;

font-size: 14px;

}

header {

height: 35px;

background: #666;

}

header a {

line-height: 35px;

color: #fff;

text-decoration: none;

margin: 0 15px;

}

.container {

height: 200%;

}

a[href="#top"]{

position:fixed;

right:10px;

bottom:10px;

display:block;

width:40px;

height:40px;

background:#bbb;

text-decoration:none;

color:#fff;

line-height:20px;

text-align:center;

}

</style>

</head>

<body>

</header>

</body>

</html>

adions 2018-12-02

源自：jQuery弹出层案例 2-4 编程练习

收起

1回答

好帮手慕夭夭 2018-12-03 14:43:37

你好同学 ,是对如下设置高度有疑问吗?

因为不设置高度的话. 页面处于的当前状态就是在顶部 , 就体现不到按钮的作用 . 所以需要设置一个高度 ,这个高度要大于浏览器当前窗口的高度 ,这样页面可以滑动了 ,顶部才会离开页面 ,这个时候点击返回顶部按钮才会看到它的作用了 .

如果没有解答了你的疑惑 , 可以在详细描述一下问题 ,便于老师准确的进行解答 . 祝学习愉快 ,望采纳 .

收起回答

提问者 adions #1

那我只有设置container的高度才能做到用锚链接返回顶部的操作吗？

2018-12-03 18:37:52
好帮手慕夭夭回复提问者 adions #2

是这样的 , 当页面没有滚动条不能滚动时 ,那页面本身就是在顶部 , 页面在顶部还要返回顶部没有办法看出来效果 . 只有设置一个很大的高度 , 让页面出现滚动条 ,页面滚动离开顶部 ,在点击返回顶部才能看出来效果 .

2018-12-03 18:43:09