浅谈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 setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
Dec 06 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
javascript:FF/Chrome与IE动态加载元素的区别说明
Jan 26 Javascript
Bootstrap框架实现广告轮播效果
Nov 28 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
JS按条件 serialize() 对应标签的使用方法
Jul 24 Javascript
JavaScript中Require调用js的实例分享
Oct 27 Javascript
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 Javascript
微信小程序实现星星评分效果
Nov 01 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中抽象类和接口的概念以及区别
2013/06/27 PHP
php curl选项列表(超详细)
2013/07/01 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
二级域名转向类
2006/11/09 Javascript
js操作二级联动实现代码
2010/07/27 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
轻量级javascript 框架Backbone使用指南
2015/07/24 Javascript
基于javascript实现句子翻牌网页版小游戏
2016/03/23 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
js的三种继承方式详解
2017/01/21 Javascript
Bootstrap与Angularjs的模态框实例代码
2017/08/03 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
js中url对象化管理分析
2017/12/29 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
如何在vue中使用HTML 5 拖放API
2021/01/14 Vue.js
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
对于Python中线程问题的简单讲解
2015/04/03 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
python实现图片中文字分割效果
2019/07/22 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
python 实现Requests发送带cookies的请求
2021/02/08 Python
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
写给女生的道歉信
2014/01/08 职场文书
2014年检验科工作总结
2014/11/22 职场文书
2014年合同管理工作总结
2014/12/02 职场文书
医学生自荐信范文(2016精选篇)
2016/01/28 职场文书
JS Object构造函数之Object.freeze
2021/04/28 Javascript