scrollTop实例

【scrollTop实例】的更多相关文章

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>scrollTop</title> <style> #div1{width: 200px;height: 150px;background: red;position: absolute;right: 0;bottom: 0;} body{heigh…

这是工作遇到scrollTop() 方法.为了强化自己,把它记录在博客园当中. 下面就开始scrollTop 用法讲解: scrollTop() 定义和用法 scrollTop() 方法设置或返回被选元素的[垂直滚动条位置]. Note: 当滚动条位置位于最顶部时,位置是0:当用于返回位置时: 该方法返回第一个匹配元素的滚动条的垂直位置.当用于设置位置时: 该方法设置所有匹配元素的滚动条的垂直位置. scrollTop() 语法返回滚动条位置 $(selector).scrol…

最近学习工作流推荐一个activiti 的教程文档

全文地址:http://www.mossle.com/docs/activiti/ Activiti 5.15 用户手册 Table of Contents 1. 简介协议下载源码必要的软件 JDK 6+ Eclipse Indigo 和 Juno 报告问题试验性功能内部实现类 2. 开始学习一分钟入门安装Activiti 安装Activiti数据库引入Activiti jar和依赖下一步 3. 配置创建ProcessEngine ProcessEngineConfigur…

scrollTop实现图像循环滚动（实例1）

<html><head><title>scrollTop实现图像循环滚动(实例1)</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style> body{margin:0px 0px 0px 0px}</style></head><body><div…

jQuery动画效果animate和scrollTop结合使用实例

CSS属性值是逐渐改变的,这样就可以创建动画效果.只有数字值可创建动画(比如 "margin:30px").字符串值无法创建动画(比如 "background-color:red"). 复制代码代码如下: $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 上面的代码表示滚动条跳到0的位置,页面移动速度是800.结合scrollTop实用示例: 复制代码…

jQuery中animate与scrollTop、offset().top实例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

scrollTop,scrollHeight,clientTop,clientHeight,offsetTop,offsetHeight实际意义及计算方式附实例说明

一.滚动距离.高度 scrollTop scrollLeft scrollHeight scrollWidth 二.相对位置.距离 offsetTop offsetLeft offsetHeight offsetWidth 三.可视距离.宽高 clientTop clientLeft clientHeight clientWidth 四.坐标 event.clientX event.clientY event.pageX event.pageY event.offsetX event.offse…