浅谈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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
深入理解javascript变量声明
Nov 20 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
javaScript中的空值和假值
Dec 18 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
layui复选框限制选择个数的方法
Sep 18 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 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
PHP mkdir()定义和用法
2009/01/14 PHP
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定
2014/06/12 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
docker-compose部署php项目实例详解
2019/07/30 PHP
JS日历 推荐
2006/12/03 Javascript
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
2013/01/20 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
javaScript(JS)替换节点实现思路介绍
2013/04/17 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
Nodejs express框架一个工程中同时使用ejs模版和jade模版
2015/12/28 NodeJs
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
浅析在javascript中创建对象的各种模式
2016/05/06 Javascript
原生javascript上传图片带进度条【实例分享】
2017/04/06 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
iView框架问题整理小结
2018/10/16 Javascript
Vue-CLI 项目在pycharm中配置方法
2019/08/30 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
2020/04/03 Javascript
python中执行shell命令的几个方法小结
2014/09/18 Python
使用Python实现一个简单的项目监控
2015/03/31 Python
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
python中字符串内置函数的用法总结
2018/09/13 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
班级读书活动总结
2014/06/30 职场文书
心灵捕手观后感
2015/06/02 职场文书
用python批量解压带密码的压缩包
2021/05/31 Python