浅谈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 相关文章推荐
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
jquery的each方法使用示例分享
Mar 25 Javascript
详解Bootstrap各式各样的按钮(推荐)
Dec 13 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
浅谈js闭包理解
Apr 01 Javascript
bootstrap中的导航条实例代码详解
May 20 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
vue-socket.io接收不到数据问题的解决方法
May 13 Javascript
vue el-upload上传文件的示例代码
Dec 21 Vue.js
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 应用程序安全防范技术研究
2009/09/25 PHP
php使用百度ping服务代码实例
2014/06/19 PHP
分享10段PHP常用代码
2015/11/11 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
2015/09/18 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
基于gulp合并压缩Seajs模块的方式说明
2016/06/14 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
js模块加载方式浅析
2017/08/12 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
jquery登录的异步验证操作示例
2019/05/09 jQuery
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
[02:04]2014DOTA2国际邀请赛 DK一个时代的落幕
2014/07/21 DOTA
Python的Django框架中的select_related函数对QuerySet 查询的优化
2015/04/01 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
Python中跳台阶、变态跳台阶与矩形覆盖问题的解决方法
2018/05/19 Python
Django利用cookie保存用户登录信息的简单实现方法
2019/05/27 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
python递归法解决棋盘分割问题
2019/07/17 Python
在Django中实现添加user到group并查看
2019/11/18 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
python主要用于哪些方向
2020/07/05 Python
利用CSS3制作简单的3d半透明立方体图片展示
2017/03/25 HTML / CSS
乡镇四风对照检查材料
2014/08/31 职场文书
市场营销工作计划书
2014/09/15 职场文书
2015年科学教研组工作总结
2015/07/22 职场文书
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL
SpringRetry重试框架的具体使用
2021/07/25 Java/Android
解决 redis 无法远程连接
2022/05/15 Redis