【滚动条--nicescroll插件（兼容各种浏览器，低至IE5）】的更多相关文章

图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活

图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活 图片旋转+剪裁js插件(兼容各浏览器) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=804 一.写此插件的缘由 在现在的web应用中,对上传的图片,例如头像,原始的摄影照片常常需要在web页面上进行一些处理,常见的处理就是剪裁与旋转. 对于剪裁,我之前曾翻译过一个jQuery插件,JCrop插件,…

滚动条--nicescroll插件（兼容各种浏览器，低至IE5）

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #content{width:200px;height:200px;border:1px solid #ddd;overflow:auto;padding:10px;} </style> </h…

javascript获取滚动条位置（兼容所有浏览器）

有两种方式来获取浏览器滚动条的位置 第一种:document.documentElement.scrollTop 第二种:$("body").scrollTop() 第一种方式能够兼容FireFox和IE,但是chrome下取的值永远是0,而第二种能够兼容Chrome,但在IE和FireFox下取的值永远是0 所以最准确取位置的方法是: if($.browser.webkit) { scTop = $("body").scrollTop(); }else { scT…

uploadPreview 兼容多浏览器图片上传及预览插件使用

uploadPreview兼容多浏览器图片上传及预览插件 http://www.jq22.com/jquery-info2757 Html 代码 <div class="form-group row"> <label class="col-lg-3 control-label">附加图片:</label> <div style="display: inline-block"> <div cla…

ZeroClipboard插件：兼容各浏览器网页复制功能

常规利用JS编写的网页复制功能只对IE有效,无法做到兼容其它浏览器,代码如下: function copyToClipBoard(){ var clipBoardContent=""; clipBoardContent+=document.getElementById("giftNumber").value; //可以是任何html ElementId,自己设置 if(window.clipboardData){ window.clipboardData.clear…

js基础--获取浏览器当前页面的滚动条高度的兼容写法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在开发中,兼容性问题是最常见的,今天就来介绍一下关于获取滚动条高度的兼容性写法,宽度同理,我在这里就不一一解释了 各浏览器的写法 IE6/7/8 document.documentElement.scrollTop IE9以上 window.pageYOffset或者document.documentElement.scrollTop Safari window.pageYOffset 与document.body.s…

position:fixed 兼容浏览器低版本

项目中遇到的坑,写篇博客做个笔记纪念下,position: fixed一般来说都兼容各个浏览器,但是要兼容浏览低版本问题,就得用-webkit-transform: translateZ(0);这段代码了.   项目中用到position: fixed;z-index: xxx;的时候,记得加上这个css:-webkit-transform: translateZ(0);    这个兼容position:fixed浏览器低版本    不然会有浏览器滚动出现闪烁bug.当然这里透明度opacity…

兼容多浏览器的网页复制插件（ZeroClipboard）

前言: 常规利用JS编写的网页复制功能是最简单的方法,但是只对IE有效,无法做到兼容其它浏览器,对其他浏览器也就只能弹窗提示用户手动复制了. <script type="text/javascript"> function copyToClipBoard(t) { if (isIE()) { var clipBoardContent = ""; if (t == 1) { clipBoardContent = document.getElementByI…

兼容各个浏览器的jquyer zclip复制文本插件 无效的解决办法

项目中使用点击文本复制功能,用了这个兼容各个浏览器的插件,但是发现放在最前面正常,放到嵌套的html中就失效. 解决办法: <span style="position: relative;" class="url"><%=ue.tgurl %></span> <span class="letter">←[点击可复制]</span> 增加绝对定位css即可解决…

仿淘宝头像上传功能（三）——兼容 IE6 浏览器。

前两篇目录: 仿淘宝头像上传功能(一)——前端篇. 仿淘宝头像上传功能(二)——程序篇. 仿淘宝头像上传功能(三)——兼容 IE6 浏览器 之前的这两篇虽然实现了功能,但不兼容低版本浏览器,而且有些浏览器还会死机,所以现在重新做了个新的. 现已在 IE6,IE10,IE11,谷歌测试通过. 这次使用了这两个插件: Jquery:1.11.2 上图文件插件:ajaxFileUpload 裁剪插件:imgAreaSelect 1.文件上传需要使用到 file 表单,但 file 表单样式太难看,需要…