CSS中如何做到导航点击,滚动就滑动到对应的区域 例如导航上的产品，点击就滑动到当前页面的产品区域了。
4个回答
展开全部
比如我现在要滑动到此p标签区域，可先给p标签加上一个id，
导航处的a标签利用它的href属性，如<a href="#scroll"></a>
<p id="scroll"></p>
导航处的a标签利用它的href属性，如<a href="#scroll"></a>
<p id="scroll"></p>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>x</title>
</head>
<body>
<a href="#a">a</a>
<a href="#b">b</a>
<a href="#c">c</a>
<a href="#d">d</a>
<div id="a" style="height:500px;background-color:#333;"></div>
<div id="b" style="height:500px;background-color:#666;"></div>
<div id="c" style="height:500px;background-color:#999;"></div>
<div id="d" style="height:500px;background-color:#000;"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>x</title>
</head>
<body>
<a href="#a">a</a>
<a href="#b">b</a>
<a href="#c">c</a>
<a href="#d">d</a>
<div id="a" style="height:500px;background-color:#333;"></div>
<div id="b" style="height:500px;background-color:#666;"></div>
<div id="c" style="height:500px;background-color:#999;"></div>
<div id="d" style="height:500px;background-color:#000;"></div>
</body>
</html>
更多追问追答
追问
你这个不是滑动啊。你这个是直接跳下去的。效果不好看啊。
追答
这个你能看懂吗?
滑动麻烦些.需要用到js. 明白了这个原理.js 你得会调试.
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
