浅谈jquery上下滑动的注意事项


Posted in Javascript onOctober 13, 2016

div:

<div id="pay_box" class="vip_bottom">
  		fffff
  </div>

style:

.vip_bottom{position: fixed;
			display: none;//注意,先不显示,点击某个div后从上向下滑动,默认时none,这样才会有滑动效果
			bottom:0px;//按照正常显示的时候写
			width: 100%;
			box-sizing: border-box;
			height:80px;
	}

 js:

$(".box_price").click(function(){
		 
		$(".vip_bottom").slideDown(500);//slideUp()

		 
	});

以上就是小编为大家带来的浅谈jquery上下滑动的注意事项全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Javascript面向对象编程(二) 构造函数的继承
Aug 28 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
javascript setinterval 的正确语法如何书写
Jun 17 Javascript
JavaScript实现信用卡校验方法
Apr 07 Javascript
javascript 闭包详解
Jul 02 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
Sep 04 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
js中string和number类型互转换技巧(分享)
Nov 28 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
Jul 12 Javascript
js中class的点击事件没有效果的解决方法
Oct 13 #Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 #Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 #Javascript
js拼接html字符串的注意事项
Oct 13 #Javascript
js实现对table的增加行和删除行的操作方法
Oct 13 #Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 #Javascript
JS版微信6.0分享接口用法分析
Oct 13 #Javascript
You might like
xajax写的留言本
2006/11/25 PHP
PHP中register_globals参数为OFF和ON的区别(register_globals 使用详解)
2012/02/05 PHP
php中$_GET与$_POST过滤sql注入的方法
2014/11/03 PHP
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
基于Css3和JQuery实现打字机效果
2015/08/11 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
vuex入门最详细整理
2020/03/04 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
python函数装饰器之带参数的函数和带参数的装饰器用法示例
2019/11/06 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
Html5原创俄罗斯方块(基于canvas)
2019/01/07 HTML / CSS
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
一套软件开发工程师笔试题
2015/05/18 面试题
计算机通信工程专业毕业生推荐信
2013/12/24 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
导游词之青城山景区
2019/09/27 职场文书
MySQL触发器的使用
2021/05/24 MySQL
Python实现生成bmp图像的方法
2021/06/13 Python
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers