..start..fly..

扫一扫
Guestbook

Home / PHP & Wordpress / 非插件wordpress页面滚动按钮Jquery

<< 哈哈,圣诞新年,特此更换logo去掉网站所有和单个超链接下划线css代码 >>

今天突然发现博客的文章长了以后,旁边的那个滚动条很不好用了的,所以想得能不能加上个jquery效果的滚动条,当然了,这样的插件是非常的多的了,但是觉得我的网站的插件已经够多了的,所以还是想直接实现好了。具体效果可以看到页面的右下边的效果,实现起来也不麻烦的,所以很值得推荐一下了的:

一、先下载这个实现效果的“ jquery_scrolling.js ”的JS文件;

二、上传到WordPress主题文件夹里的合适位置;

三、在“ footer.php”或是“head.php”或是你想显示的页面,在后台管理的编辑主题页面,在相应的文件中的DVI标签对前加以下代码;

<script type=”text/javascript” src=”https://www.sky.gs/wp-content/themes/office/**/jquery_scrolling.js”></script>(也就是填写刚才下载的那个jquery_scrolling.js的绝对地址

经过以上这三步就可以实现这个效果了的,具体可以看我的网站的效果。效果如下:

四、附一下这个jquery_scrolling.js的必要说明:

哦,说明一下,这个jquery_scrolling.js文件是可以自由编辑的,可以通过修改其中的参数来修改颜色、大小、位置、滚动速度等效果,其中我想最重要的是这个滚动条的位置吧,在倒数第七行找到:

+ (document.documentElement.clientHeight * 0.73)       // 24% window height

可见默认是在页面高度的24%处显示滚动条,我为了适应我的页面需要修改为了73%处,其余大家看看代码就知道是什么意思了的。

Related Posts

转载原创文章请注明,转载自:SKY..fly..[www.sky.gs]

本文链接: https://www.sky.gs/websites/phpwordpress/nonplugin-wordpress-roll-button-jquery.html

QR:  非插件wordpress页面滚动按钮Jquery

484 Responses to “非插件wordpress页面滚动按钮Jquery”

  1. 金刚 says:

    插件还是方便点~~

  2. 貌似比较复杂啊,特别是对于像我这种菜鸟来说还是直接用插件把

  3. sprityaoyao says:

    :oops: 请问博主,你的附件下载点击的效果是怎么实现的?

  4. 优得客 says:

    有没有人人网那样的下面效果做法?

  5. 爱惜 says:

    我们的效果差不多。

Leave a Reply

Code (☆)8+5=?


Websites powered by Wordpress5.7 Copyright © 2009-2021 - All Rights Reserved   SKY..fly..