文档章节

常用JS方法

rhythmk
 rhythmk
发布于 2014/08/16 16:37
字数 120
阅读 4
收藏 0
// 悬浮置顶
; (function ($) {
    $.fn.crumbsFixedPosition = function (options) {
        var defaults = {
            cName: 'fixed_pos'
        }
        var options = $.extend(defaults, options);
        return this.each(function () {
            var $this = $(this);
            var t = $(this).offset().top;
            $(window).on('scroll', function () {
                if ($(this).scrollTop() > t) {                    
                    $this.addClass(options.cName);
                } else {
                    $this.removeClass(options.cName);
                }
            });
        });
    };
})(jQuery);

$(function () {
    $('.curr_pos').crumbsFixedPosition();
});
// 返回顶部

; (function ($) {
    $.fn.backToTop = function (options) {
        var defaults = {
            t: 200
        }
        var options = $.extend(defaults, options);
        return this.each(function () {
            var $this = $(this);
            $this.append('<div class="backToTop"><span>返回顶部</span></div>');
            var $o = $this.find('.backToTop');

            $(window).on('scroll resize', function () {
                if ($(document).scrollTop() > 0) {
                    $o.fadeIn();
                } else {
                    $o.fadeOut();
                }
            });
            $o.on({
                'click': function () {
                        $('body,html').stop(true, false).animate({ scrollTop: 0 }, options.t);
                },
                'selectstart': function () {
                    return false;
                }
            });
        });
    };
})(jQuery);

$(function () {
    $('body').backToTop();
});

© 著作权归作者所有

rhythmk
粉丝 1
博文 62
码字总数 40987
作品 0
广州
私信 提问
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
2018/03/15
0
0
前端基础-JavaScript

开发工具与关键技术:DW/浏览器 ;简单使用js。 作者:刘佳明 撰写时间:2019年1月 18 日 前面已经随手写过了关于网页编辑的一些基础布局和标签的认识;这篇文章在这里为大家简单的介绍一下关...

没有,
01/18
0
0
WebView深度学习(一)之WebView的基本使用以及Android和js的交互

前言:随着市场需求的不断变化,原生安卓已经无法满足客户的需要了,现在很多app都在使用Android和h5的交互实现某些功能,比如商品详情页,文章详情页面,商品点评页面,还有某些复杂的展示页...

aweiloveandroid
2017/07/01
0
0
WKWebView与js交互之完美解决方案

 随着H5功能愈发的强大,没进行过混合开发的小伙们都不好意思说自己能够独立进行iOS的app开发,在iOS7操作系统下,常用的native,js交互框架有easy-js,WebViewJavascriptBridge,以及结合jav...

HeroHY
2017/05/15
38
0
Objective-C与JavaScript的交互

UIWebView是iOS最常用的SDK之一,它有一个stringByEvaluatingJavaScriptFromString方法可以将 javascript嵌入页面中,通过这个方法我们可以在iOS中与UIWebView中的网页元素交互。 UIWebView是...

长平狐
2013/03/19
114
0

没有更多内容

加载失败,请刷新页面

加载更多

web前端开发高级

前端高效开发框架技术与应用 Vue 基础 Vue 框架简介 MVX 模式介绍 Vue 框架概述 如何使用 Vue.js 基础语法 实例对象 生命周期 模板语法 计算属性 Methods 方法 渲染 列表渲染 条件渲染 事件与...

达达前端小酒馆
35分钟前
5
0
PostgreSQL 11.3 locking

rudi
今天
5
0
Mybatis Plus sql注入器

一、继承AbstractMethod /** * @author beth * @data 2019-10-23 20:39 */public class DeleteAllMethod extends AbstractMethod { @Override public MappedStatement injectMap......

一个yuanbeth
今天
21
1
一次写shell脚本的经历记录——特殊字符惹的祸

本文首发于微信公众号“我的小碗汤”,扫码文末二维码即可关注,欢迎一起交流! redis在容器化的过程中,涉及到纵向扩pod实例cpu、内存以及redis实例的maxmemory值,statefulset管理的pod需要...

码农实战
今天
5
0
为什么阿里巴巴Java开发手册中不建议在循环体中使用+进行字符串拼接?

之前在阅读《阿里巴巴Java开发手册》时,发现有一条是关于循环体中字符串拼接的建议,具体内容如下: 那么我们首先来用例子来看看在循环体中用 + 或者用 StringBuilder 进行字符串拼接的效率...

武培轩
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部