ecshop模板教程——类似淘宝滚屏漂浮返回

商品详细页(goods.dwt)由于添加图片内容太多，经常会照成很长的页面。使用返回按钮可以提高用户的体验，当滚屏时才会出现

制作教程如下：

第一步：打开goods.dwt加入下面代码：

在页面最下面</body>结束标签前加入代码

在页面下面的javascript中加入代码（蓝色加粗部分），如下：

onload = function(){

changePrice();

fixpng();

try { onload_leftTime(); }

catch (e) {}

window.onscroll = function(){

var scrollTop = document.documentElement.scrollTop;

if(scrollTop){

$id("go_top").style.display = 'block';

$id("go_top").style.top = (scrollTop + document.documentElement.clientHeight - 80) + "px";

}else{

$id("go_top").style.display = 'none';

}

第二步，添加图片和css

图片如下（右键另存为或是自己做一个）

图片放到模板下的images目录

在style.css中加入代码：

#go_top{background:url(images/go_top.gif) no-repeat left top; width:28px; height:79px;right: 50px;position: absolute;display: none;}

#go_top a{display:block; height:79px; width:28px;}

到此就完成了制作

注意事项：

图片名称路径要和css中的代码样式一样

ecshop模板教程——类似淘宝滚屏漂浮返回相关推荐

DZ主题模板 Discuz迪恩淘宝客购物风格商业版模板
Discuz淘宝客网站模板,迪恩淘宝客购物风格商业版模板. 版本支持:discuzx3.0版本,discuzx3.1版本,discuzx3.2版本. 包括网站首页,论坛首页,论坛列表页,论坛内容页,论 ...
用ECSHOP增强工具把淘宝数据包批量上传到自己的ECSHOP独立网店
www.shopfw.net 用ECSHOP增强工具把淘宝数据包批量上传到自己的ECSHOP独立网店.完整保留商品的颜色.尺码.库存.货号.重量.首页图.详情图.商品描述.扩展属性等信息.对于网店中缺 ...
写一个类似淘宝的ios app需要用到哪些技术？
写一个类似淘宝的ios app需要用到哪些技术? 让我想起了有人私信我,说不缺钱,做个类似知乎的东西,包括加运营,需要多少钱. 扯淡结束,正好最近看了一点这方面的东西,也许对题主来说有点帮助. 手机淘 ...
VUE类似淘宝选择商品多规格(库存判断)
1.组件效果展示也可访问链接查看网页效果... 后面又用uni-app写过一次,比这次稍微清晰一些 uni-app类似淘宝选择商品多规格(库存判断) 瞎封装组件系列: VUE简单提示框 VUE树形图 ...
类似淘宝不规则九宫格
今天看到一个demo 发现上面有个类似淘宝的不规则的九宫格布局,收藏下,写下来,与君分享. <LinearLayoutandroid:layout_width="match_paren ...
App 金刚区导航菜单，类似淘宝、QQ 音乐等 APP 导航，方格布局横向滑动翻页带滚动条
TransformersLayout 项目地址:zaaach/TransformersLayout 简介: :fire: App 金刚区导航菜单,类似淘宝.QQ 音乐等 APP 导航,方格布局横向滑 ...
vue 实现类似淘宝的商品详情页的商品展示
vue 实现类似淘宝的商品详情页的商品展示利用vue和swiper实现缩略图控制 / Swiper互相控制具体需求描述: 图片大图自动轮播展示,下面的缩略图跟着变化,点击小图切换到对应的大图,大图 ...
JavaScript之衣服相册切换效果（类似淘宝商品图切换）
JavaScript之衣服相册切换效果(类似淘宝商品图切换) 话不多说,直接上代码: <!DOCTYPE html> <html lang="en"> &l ...
类似淘宝详情页SKU页面
下载地址类似淘宝详情页SKU页面样式代码,jQuery实现的多图切换效果. dd:

ecshop模板教程——类似淘宝滚屏漂浮返回

ecshop模板教程——类似淘宝滚屏漂浮返回相关推荐

最新文章

热门文章