Welcome 微信登录

首页 / 脚本样式 / JavaScript

使用jQuery判断浏览器滚动条位置的方法

使用jQuery判断浏览器滚动条位置的方法

项目背景webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。遇到问题1、我一开始用swipeup和swipedown来做,发现因为有滚动条,不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势,后面的文章会介绍,欢迎关注!2、通过上滚下滚来让底部导航显示或者因此,安卓上面的浏览器都可以,但是苹果safari会一闪一闪,原因是苹果safari自动有个弹跳效果,导致事件重复执行...
移动端jQuery修正Web页面滑动时div问题的两则实例

移动端jQuery修正Web页面滑动时div问题的两则实例

顶部固定时划屏出现闪动头部是一个普通的div,高度是48,头部下面有个固定的banner,手下滑的时候,banner会固定在浏览器最顶部不动。出现的问题是,PC端是好的,手机浏览器向上滑动的时候出现闪动!影响用户体验。解决方法一:之前的做法: if ($(window).scrollTop() < 48) {$(".nav ").css("top", 48 - parseInt($(window).scrollTop())); }else{$(".n...
JavaScript中的操作符类型转换示例总结

JavaScript中的操作符类型转换示例总结

首先,我们先来做一些题目吧!为了统一,我不混着来写这些题目,面试题目中,经常将这些题目混起来,这样对你的迷惑度会更大,为了更方便演示,我在这里分模块写了一些题目,大家可以看下!操作符字符串的隐性转换乘法 console.dir("-------以下乘法---------"); console.dir(5*"5"); console.dir(5*"a"); console.dir(5*NaN); console.dir(5*null); console.di...
详解JavaScript中双等号引起的隐性类型转换

详解JavaScript中双等号引起的隐性类型转换

引子if语句应该是程序员用的比较多的语句,很多时候都要进行if判断,if语句一般用双等号来判断前后两个元素是否是一致的,假如是一致,那么返回是true,然后执行下面的语句,否则,执行别的语句。本文所说的隐性类型的转换,说的是==引起的转换。举个简单的例子,双等号不是全等号,全等号是“===”三个等号,语句"1"==1,那么一般情况下是前面的字符串”1“转换为数字1,然后进行比较。通过这个例子应该了解了什么是隐性类型的转换了吧!隐性类型转换步骤一、首先看双等...
JavaScript+Java实现HTML页面转为PDF文件保存的方法

JavaScript+Java实现HTML页面转为PDF文件保存的方法

需求是一个导出pdf的功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯的。有个jsPDF 插件可以在前端直接生成pdf,很简便,但不支持IE。前端:首先引入 html2canvas.jshtml2canvas(document.body, { //截图对象 //此处可配置详细参数 onrendered: function(canvas) { //渲染完成回调canvas canvas.id = "mycanvas";// 生成base64...
通用无限极下拉菜单的实现代码

通用无限极下拉菜单的实现代码

下拉菜单在我开发中经常遇到,但是没个项目都需要从新编写,改起来虽然简单但是很麻烦,我这个人还是比较懒的,今天有时间把我以前的项目开发中的菜单整理一遍,编写一个通用版本,以后就不需要那么麻烦了。特点今天整理的菜单是由jquery+css开发有如下特点:一、通用性强以前在用的一个下拉菜单有个问题,需要对主导航和子菜单进行单独的设置,比如,二级菜单是class="first_menu",三级菜单是class="second_menu"....依次类推,这样的写法...
浅谈JavaScript中小数和大整数的精度丢失

浅谈JavaScript中小数和大整数的精度丢失

先来看两个问题:0.1 + 0.2 == 0.3; // false9999999999999999 == 10000000000000000; // true第一个问题是小数的精度问题,在业界不少博客里已有讨论。第二个问题,去年公司有个系统的数据库在做数据订正时,发现有部分数据重复的诡异现象。本文将从规范出发,对上面的问题做个小结。最大整数JavaScript 中的数字是用 IEEE 754 双精度 64 位浮点数 来存储的,其格式为:s x m x 2...
jQuery基础知识点总结(必看)

jQuery基础知识点总结(必看)

jQuery是一个优秀的、轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插...
javascript事件处理模型实例说明

javascript事件处理模型实例说明

事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。通过使用 JavaScript ,你可以监听特定事件的发生,并规定让某些事件发生以对这些事件做出响应。一、添加事件监听...
javascript事件模型介绍

javascript事件模型介绍

一、原始事件模型其事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)"事件程序的注册可以以下几种方式:1、JS代码作为HTML性质值复制代码 代码如下:<input type="button" value="Press me" onclick="alert("thanks");"2、事件处理程序作为JS属性附注:文档中的每个HTML元素在文档树中都有一个相应的JS对象,这个JS对象的属性对应于那个HTML元素的性质,无...
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)

js弹出框、对话框、提示框、弹窗实现方法总结(推荐)

一、JS的三种最常见的对话框//====================== JS最常用三种弹出对话框 ========================//弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!");}//弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { ale...
<< 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 >>