<script type="text/javascript">
$(document).ready(function(){
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器时下窗口...
jquery两个滚动条样式 点击下载原文：http://www.cnblogs.com/xiaoqian1993/p/4204068.html
一、项目使用$("#iscroll-1, #tree_box, .work, .item1, .item2, .item3, .item4").mCustomScrollbar({theme: "minimal",scrollInertia:550});
二、修改的滚动条的宽度（默认的太细了，我看着不爽，然后就想在配置参数中去，竟然发现没有这个配置，在网上查了查发现，只能自己手动修改css）/* 修改滚动条样式 开始 */
.mCSB_dragger_bar {width: 8px !important;
}
/* 修改滚动条样式 结束 */ 原文：http://www.cnblogs.com/zs...
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现当拉动滚动条到底部加载数据</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script><script type="text/javascript"> var totalheight = 0;//定义一个总的高度变量 $(window).scroll(function () { totalheight = parseFl...
虽然niceScroll插件很好用，毕竟它不依赖css,只是单纯的js就可以设置出好看的滚动条了。 最近在项目中使用到niceScroll，而且在表格里有横滚动条，竖滚动条时很容易错位，就是滚动条会悬浮在半空，并不是在div的底部或右边，打开f12可看到滚动条并不是直接定位在div里面，而是在整个body最后，和要使用定位的div同级，这而导致了这个bug，尤其是在IE下更明显，滚动条四处飞︿(￣︶￣)︿。 在网上找了很多资料好像都没有这个情...
下载地址：http://files.cnblogs.com/files/LoveOrHate/jquery.nicescroll.min.js <script src="jquery.nicescroll.js"></script>
$(document).ready(
function() {
$("html").niceScroll();
}
);
var nice = false;
$(document).ready(
function() {
nice = $("html").niceScroll();
}
);
$(document).ready(
function() {
$("#thisdiv").niceScroll({cursorcolor:"#00F"});
}
);
$(document).ready(
function() {
$("#view...
代码如下:<script type="text/javascript" src="jquery.min.js"></script><!-- //再载入lazyload --> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload();$("img").lazyload({ placeholder : "grey.gif", //加载图片前的占位图片 effect : "fadeIn" //加载图片使用的效果(淡入) }); });</script> <style type="...
问题是这样的：
我有一个简单的两个字段表单,我用Ajax提交.完成后,我重新加载两个div以反映更改.
除了jQuery插件外,一切都很完美.这是一个简单的插件,可以简单地调用function(){$('.myDiv').scrollbars();
}它简单易用,但不适用于加载Ajax的内容.这是我用来发布表单和重新加载div的代码：$(function() {$('#fotocoment').on('submit', function(e) {$.post('submitfotocoment.php', $(this).serialize(), function (data) {$(".com...
下面我就为大家带来一篇jQuery niceScroll滚动条错位问题的解决方法，具有很好的参考价值，希望对大家有所帮助。虽然niceScroll插件很好用，毕竟它不依赖css,只是单纯的js就可以设置出好看的滚动条了。最近在项目中使用到niceScroll，而且在表格里有横滚动条，竖滚动条时很容易错位，就是滚动条会悬浮在半空，并不是在p的底部或右边，打开f12可看到滚动条并不是直接定位在p里面，而是在整个body最后，和要使用定位的p同级，这而导致...
这次给大家带来怎样使用jQuery滚动条美化插件nicescroll，怎样使用jQuery滚动条美化插件nicescroll的注意事项有哪些，下面就是实战案例，一起来看一下。本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考，具体如下：你是否遇到过这种情况：想要在网页中嵌入p块并且局部滚动，但滚动条太难看啦！！！使用jquery.nicescroll来美化滚动条吧（so easy！！）：首先：下载jquery.nicescroll.js。百度一下哦！...
这篇文章主要介绍了jQuery响应滚动条事件功能,可实现针对jQuery滚动条状态的实时计算与响应功能,具有一定参考借鉴价值,对jQuery感兴趣的朋友可以参考下本篇文章。相关学习推荐：jQuery在线视频教程本文实例讲述了jQuery响应滚动条事件功能。分享给大家供大家参考，具体如下：<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/...
Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。引入核心文件，插件需要引入1.5.X以上版本的jquery库最简单的用法如下：$(document).ready(function() { $("html").niceScroll();}
);注意：一定要放在 $(document).ready 中进行初始化！隐藏滚动条检测滚动条是否重置大小（当窗...
实现思路：先静态布局好HTML结构，使用伪类：hover模拟动画效果，再使用jQuery 控制动画类名的切换来实现效果！主要判断滚动的方向，以及相应方向上加载动画的时机（即何时才加载动画的判断条件！关键点！）。代码实现：HTML：<p class="header">实现思路：先布局好静态布局，再使用hover模拟动画行为，再改为类名on等用js进行控制！</p><p class="banner"><h1>前端开发</h1><p>Web前端开发是从网页制作演变而来的，名称上有很明显...
单纯判断滚动条方向function scroll( fn ) {var beforeScrollTop = document.body.scrollTop,fn = fn || function() {};window.addEventListener("scroll", function() {var afterScrollTop = document.body.scrollTop,delta = afterScrollTop - beforeScrollTop;if( delta === 0 ) return false;fn( delta > 0 ? "down" : "up" );beforeScrollTop = afterScrollTop;}, false);
}调用方法：以上方法手机苹果浏览器事件会跳动，解决...
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下 document.body.offsetWidth
document.body.offsetHeight在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小： 代码如下document.documentElement.clientWidth
document.documentElement.clientHeightIE，FF，Safari皆支持该方法，opera虽支持该属性，但是返回的是页面尺寸；同时，除了IE以...
因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。