浏览量:13500次
翌日我们来分享一个阅读网页时常常会碰着的一个操作,“回到顶部”。也有这个垄断,阅读网页时就颇为方便了,额定是商城类的网站,这个操纵是必不可少的了,一同来看看~
这个原型一共用到两个页面:“首页”和“内容页面”。
一个矩形框,尺寸1024×120,作为网页头部,可布置logo和问题(尺寸大小不要求,自己恋爱就好);
一个内联框架,尺寸1024×520,作为网页主体(宽度与网页头部一致,高度不申请)。
或许放置一些灰色方框,代表网页内容,要有错开布置,闪现的时候有回到顶部的功效便概略了(属意:放置的模式总高度要大于内联框架的高度);
一条水准线放置在y轴为0的身分,定名为“顶部”;
一个50×50的静态面板放置在右下角,定名为“回到顶部”,音讯面板state面板形状中,放置一个50×50的箭头,设置装备摆设图标色采为浅灰色(icons 图标中可找到)。
双击内联框架勾选链接页面,并肯定。
右键“回到顶部”配置静止到阅读器,水平静止地位右边距15,垂直静止职位下边距15,不停坚持顶部。
设置装备摆设为垂直迁移转变到“顶部”,线性,500毫秒。
好啦,拥有火箭速率的回到顶部曾经实现为了,快去预览看看成果吧!!
大概先瞧瞧完成的效果
本文由 @方子 原创颁布于各人但凡出产品司理。未经同意,阻止转载
题图来自 Pixabay,基于 CC0 协定
常山做网站就找春秋科技,春秋科技是一家专注于常山网站建设、常山网站设计、常山网站制作、常山做网站、常山建网站等服务的常山网站建设公司。已成功帮助10000多家企业实现网上盈利,为企业提供常山网站建设一站式服务。
24小时服务热线:13733108860
[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【】,我们在确认后,会立即删除,保证您的版权。