德庆做网站

当前位置:

德庆设置内联框架链接到“页面内容”第三步:为内联框架增长链接属性,

浏览量:13534次

德庆做网站德庆建网站

翌日我们来分享一个阅读网页时常常会碰着的一个操作,“回到顶部”。也有这个垄断,阅读网页时就颇为方便了,额定是商城类的网站,这个操纵是必不可少的了,一同来看看~


  这个原型一共用到两个页面:“首页”和“内容页面”。


  一个矩形框,尺寸1024×120,作为网页头部,可布置logo和问题(尺寸大小不要求,自己恋爱就好);


  一个内联框架,尺寸1024×520,作为网页主体(宽度与网页头部一致,高度不申请)。


  或许放置一些灰色方框,代表网页内容,要有错开布置,闪现的时候有回到顶部的功效便概略了(属意:放置的模式总高度要大于内联框架的高度);


  一条水准线放置在y轴为0的身分,定名为“顶部”;


  一个50×50的静态面板放置在右下角,定名为“回到顶部”,音讯面板state面板形状中,放置一个50×50的箭头,设置装备摆设图标色采为浅灰色(icons 图标中可找到)。


  双击内联框架勾选链接页面,并肯定。


  右键“回到顶部”配置静止到阅读器,水平静止地位右边距15,垂直静止职位下边距15,不停坚持顶部。


  设置装备摆设为垂直迁移转变到“顶部”,线性,500毫秒。


  好啦,拥有火箭速率的回到顶部曾经实现为了,快去预览看看成果吧!!


  大概先瞧瞧完成的效果


  本文由 @方子 原创颁布于各人但凡出产品司理。未经同意,阻止转载


  题图来自 Pixabay,基于 CC0 协定


德庆做网站就找春秋科技,春秋科技是一家专注于德庆网站建设、德庆网站设计、德庆网站制作、德庆做网站、德庆建网站等服务的德庆网站建设公司。已成功帮助10000多家企业实现网上盈利,为企业提供德庆网站建设一站式服务。

24小时服务热线:13733108860

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【】,我们在确认后,会立即删除,保证您的版权。