体系课

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

返回顶部的按钮不见了

来源：2-4 多终端同步工具Browsersync

hyperse

2019-09-27 00:21:32

代码里明明有呀，这是为什么？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>通用适配应用</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/icons.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/flexible.js"></script>
	</head>
	<body>
		<header class="header-container">
			<div class="navbar">
				<div class="navbar-left">
					<i class="iconfont icon-scan"></i>
				</div>
				<div class="navbar-center">
					<div class="searchBox">
						<div class="searchBox-prepend">
							<i class="iconfont icon-search"></i>
						</div>
						<input type="text" placeholder="放学季有礼,好货5折起" class="searchBox-input" />
						<div class="searchBox-append">
							<i class="iconfont icon-close"></i>
						</div>
					</div>
				</div>
				<div class="navbar-right">
					<i class="iconfont icon-msg"></i>
				</div>
			</div>
		</header>
		
		<div class="main-container">
			<div class="slider-container">
				<img src="img/slider/1.jpg" />
			</div>
			
			<nav class="nav-container">
				<ul class="nav">
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/1.png" class="nav-img"/>
							<span class="nav-text">团购</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/2.png" class="nav-img"/>
							<span class="nav-text">一元购</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/3.png" class="nav-img"/>
							<span class="nav-text">优惠券</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/4.png" class="nav-img" />
							<span class="nav-text">教育</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/5.png" class="nav-img"/>
							<span class="nav-text">旅行</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/6.png" class="nav-img" />
							<span class="nav-text">在线订餐</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/7.png" class="nav-img" />
							<span class="nav-text">庆典</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/8.png" class="nav-img" />
							<span class="nav-text">秒杀</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/9.png" class="nav-img" />
							<span class="nav-text">拍卖</span>
						</a>
					</li>
					<li class="nav-item">
						<a href="###" class="nav-link">
							<img src="img/nav/10.png" class="nav-img" />
							<span class="nav-text">服务</span>
						</a>
					</li>
				</ul>
			</nav>
		
			 <div class="recommend-container">
			            <ul class="recommend">
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/1.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">欧派整体橱柜定制简约现代</p>
			                        <p class="recommend-origPrice">
			                            <del>¥2000.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">1000</strong></span>
			                            <span class="recommend-count">985件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/2.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">创维55吋4K超高清HDR</p>
			                        <p class="recommend-origPrice">
			                            <del>¥2999.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">2299</strong></span>
			                            <span class="recommend-count">63件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/3.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">【到手259元】苏泊尔 5L电压力锅</p>
			                        <p class="recommend-origPrice">
			                            <del>¥799.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">299</strong></span>
			                            <span class="recommend-count">1908件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/4.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">三只松鼠坚果礼包</p>
			                        <p class="recommend-origPrice">
			                            <del>¥125.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">108</strong></span>
			                            <span class="recommend-count">9532件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/5.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">蓝月亮洗衣液12斤</p>
			                        <p class="recommend-origPrice">
			                            <del>¥133.40</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">89.9</strong></span>
			                            <span class="recommend-count">5399件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/6.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">福临门葵花玉米油</p>
			                        <p class="recommend-origPrice">
			                            <del>¥109.90</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">89.9</strong></span>
			                            <span class="recommend-count">6294件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/7.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">TP-LINK 全千兆端口双频无线路由器</p>
			                        <p class="recommend-origPrice">
			                            <del>¥179.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">169</strong></span>
			                            <span class="recommend-count">4255件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/8.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">【前1800名再减50】家用高压洗车机</p>
			                        <p class="recommend-origPrice">
			                            <del>¥790.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">268</strong></span>
			                            <span class="recommend-count">1599件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/9.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">德国鲁茜rusch迷你婴儿辅食机 宝宝</p>
			                        <p class="recommend-origPrice">
			                            <del>¥898.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">159</strong></span>
			                            <span class="recommend-count">881件已售</span>
			                        </p>
			                    </a>
			                </li>
			                <li class="recommend-item">
			                    <a href="###" class="recommend-link">
			                        <p class="recommend-pic">
			                            <img src="img/recommend/10.jpg" alt="recommend" class="recommend-img">
			                        </p>
			                        <p class="recommend-name">西域之尚红枣500g*5袋</p>
			                        <p class="recommend-origPrice">
			                            <del>¥89.00</del>
			                        </p>
			                        <p class="recommend-info">
			                            <span class="recommend-price">¥<strong class="recommend-price-num">29.9</strong></span>
			                            <span class="recommend-count">15049件已售</span>
			                        </p>
			                    </a>
			                </li>
			            </ul>
			        </div>
		
			<div class="tabbar-container">
				<ul class="tabbar">
					<li class="tabbar-item tabbar-item-active">
						<a href="###" class="tabbar-link">
							<i class="iconfont icon-home"></i>
							<span>首页</span>
						</a>
					</li>
					<li class="tabbar-item">
						<a href="###" class="tabbar-link">
							<i class="iconfont icon-category"></i>
							<span>分页类</span>
						</a>
					</li>
					<li class="tabbar-item">
						<a href="###" class="tabbar-link">
							<i class="iconfont icon-cart"></i>
							<span>购物车</span>
						</a>
					</li>
					<li class="tabbar-item">
						<a href="###" class="tabbar-link">
							<i class="iconfont icon-personal"></i>
							<span>个人中心</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
	</body>
</html>


写回答

1回答

好帮手慕码

2019-09-27

同学你好！
请问这是同学自己写的代码吗？在代码中并没有看到有“顶部”按钮的元素，这是源码里的：

http://img.mukewang.com/climg/5d8da178099cff6606410500.jpg

同学可以看下是否缺少这个布局。

如果帮助到了你，欢迎采纳，祝学习愉快~

0

0 学习 · 6815 问题

查看课程

相似问题

在手机上返回顶部按钮不好使

回答 1

安装了phpstudy,可能更新了版本和老师的不一样

回答 3

怎么实现回到底部

回答 1

pc端没有打开www.imooc.com的网址

回答 2

老师，windows10按F12变成了这个界面

回答 1

打开慕课网App查看更多内容