在octopress中增加“返回顶部”按钮
2015-02-23 16:32
239 查看
通过“返回顶部”按钮,可以快速返回页首。配置按照Octopress主题样式修改一文。但照着做下来并不能实现配置。因此到疑似作者812lcl的github仓库中找了最新版本的配置。
https://github.com/812lcl/812lcl.github.com/blob/source/source/javascripts/top.js
这里指定了调用的javscripts的文件名,按钮图片的文件名等,如right:180px指定了按钮距离页面右侧的举例,可以通过调整它来调整显示效果。
一开始把图片放到了images中,而不是source/images中,造成只显示了“返回顶部”。
原文链接地址:
http://pangyi.github.io/blog/20150125/zai-octopresszhong-zeng-jia-fan-hui-ding-bu-an-niu/
written by PangYi
posted at http://pangyi.github.io
javascripts脚本
新建一个文件source/javascripts/top.js。它的最新版本在:https://github.com/812lcl/812lcl.github.com/blob/source/source/javascripts/top.js
显示按钮
显示按钮需要新建source/_includes/custom/totop.html。它的最近版本在: https://github.com/812lcl/812lcl.github.com/blob/source/source/_includes/custom/totop.html这里指定了调用的javscripts的文件名,按钮图片的文件名等,如right:180px指定了按钮距离页面右侧的举例,可以通过调整它来调整显示效果。
按钮图片
从上面可以看出按钮文件应在source/images中。保存一个top.png图片到这里,就可以显示按钮了。一开始把图片放到了images中,而不是source/images中,造成只显示了“返回顶部”。
原文链接地址:
http://pangyi.github.io/blog/20150125/zai-octopresszhong-zeng-jia-fan-hui-ding-bu-an-niu/
written by PangYi
posted at http://pangyi.github.io
相关文章推荐
- 在octopress中增加“返回顶部”按钮
- octopress添加回到顶部按钮
- 在项目中使用最新的ckeditor4.3.1的全过程+增加自己的上传本地图片按钮及将上传图片返回、保存
- jquery超实用页面返回顶部按钮 转自 http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201611254220.html
- jQuery实现返回顶部按钮效果
- jquery,返回到顶部按钮
- Material Design系列,自定义Behavior之上滑显示返回顶部按钮
- 使用GreaseMonkey给页面增加”返回顶部”功能
- javascript返回顶部的按钮实现方法
- javascript返回顶部的按钮实现方法
- 返回顶部按钮实现
- JavaScript中返回顶部按钮(匀速、减速)写法
- jquery实现点击按钮返回到页面顶部
- jquery左边浮动到一定位置时显示返回顶部按钮
- jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
- 返回顶部按钮
- 迅速返回页面顶部浮动按钮代码...
- 点击按钮——网页返回顶部代码
- 返回顶部按钮
- 返回顶部按钮响应滚动且动态显示与隐藏