今日随笔：scrollTop与overflow

今天想写一个页面一加载滚动条就自动滚到底部的效果,结果在IE上实现成功了,chrome上完全没反应,最后测试了一下,居然是因为css文件中,html,body都写了overflow:auto这一语句,只要只保留一个就可以了..奇怪的bug…

解决IE6中fixed闪动问题(效果稍微好一点,不能完全解决闪动问题) *{background-image:url(about:blank);background-attachment:fixed;} body{ background-image:url(about:blank);background-attachment:fixed; background-color: #fff; } 右侧距顶部45px固定 #boxC{ position: fixed; z-index:; top: 45…

对象的宽度、top位置，x坐标属性

DOM对象 DOM对象属性对应css 说明读/写 width obj.clientWidth=20 1. 内联样式 <p style="width:20px"></p> 2. 内部/外部CSS <style> p{ width: 20px; border: 0; padding: 0; } </style> <p></p> 在页面上返回内容的可视宽度 (内容+padding) 不包括边框,边距或滚动条…

正则表达式—RegEx(RegularExpressio)（三）

今日随笔,继续写一点关于正则表达式的知识.前两天介绍了正则表达式验证匹配,提取等一些基本的知识,今天继续分享下它的另一个强大的应用:替换(replace). 开始之前,还是要补一下昨天的内容. 在我们昨天的内容里,有一个提取组的概念,在上一节中,我么只用了数值索引来获取某组的value.我们还可以给某个组取一个别名,然后通过别名来找到相应的组的value. 我们还拿昨天的name和age那个例子说明: 1 //----------------------------------通过数值索引--…

正则表达式—RegEx(RegularExpressio)（二）

今日随笔,继续写一些关于正则表达式的东西. 首先补一点昨天的内容: 昨天少说了一个贪婪模式,什么是贪婪模式,比如像+或者*这样的元字符匹配中,会以最大匹配值匹配,这句话是什么意思呢,例如: 定义一个正则表达式模式:ab+ ,然后又这样一个字符串"csddabbbbbbbbbbbbaaaa" 那么他匹配出来的字符串就是abbbbbbbbbbbb,而不是ab或者abbbb等等.都是匹配的符合的最大的字符串长度. 那什么时候终结贪婪模式呢? 就是在+或者*这样的元字符后面加一个“?”,还拿上…

正则表达式—RegEx(RegularExpressio)（一）

今日随笔,想和大家分享一下正则表达式的相关知识. 先不说概念性的东西,举一个例子再说. 验证你输入的邮政编码 ,你输入的邮政编码必须是六位的数字. while (true) { Console.WriteLine("输入邮政编码"); string codeRegex = "^[0-9]{6}$";//创建正则表达式模式 string code = Console.ReadLine(); Console.WriteLine(Regex.IsMatch(code, c…

（转）正则表达式—RegEx(RegularExpressio)（三）

原文地址:http://www.cnblogs.com/feng-c-x/archive/2013/09/05/3302465.html 今日随笔,继续写一点关于正则表达式的知识.前两天介绍了正则表达式验证匹配,提取等一些基本的知识,今天继续分享下它的另一个强大的应用:替换(replace). 开始之前,还是要补一下昨天的内容. 在我们昨天的内容里,有一个提取组的概念,在上一节中,我么只用了数值索引来获取某组的value.我们还可以给某个组取一个别名,然后通过别名来找到相应的组的value.…

ubuntu下USB连接Android手机

初始工作:将Android手机通过usb连接到电脑,之后点击VM-Removable Devices-google Android - Connect,即可. 若通过usb连接到电脑,Removable Devices下没有google android选项时,可参考今日随笔中“VMware下的ubuntu12.04不识别usb设备问题的解决方法”. ubuntu下USB连接Android手机后,使用adb devices 出现如下: List of devices attached ????…

小白关于走马灯幻灯片的javascript代码分析

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

【转载】C# 中的委托和事件(详解)

<div class="postbody"> <div id="cnblogs_post_body" class="blogpost-body "> <h3><a name="_Toc263687916">C#</a> 中的委托和事件</h3> <p> 委托和事件在 .NET Framework 中的应用非常广泛,然而,较好地理解委…

css随笔1

1.简单清除浏览器样式 *{ padding: 0px; margin: 0px; } 2.得到屏幕范围的div html,body{ width: 100%; height: 100%; } #outer{ width: 100%; height: 100%; } 3.div水平居屏幕中间 #outer{ width: 100%; height: 100%; …

【转】jquery 中scrollTop在Firefox下不起作用

原文链接:http://stackoverflow.com/questions/8149155/animate-scrolltop-not-working-in-firefox Animate scrollTop not working in firefox up vote 115 down vote favorite 21 This function works fine. It scrolls the body to a desired container's offset function…

页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe

1.top 此属性仅仅在对象的定位(position)属性被设置时可用.否则,此属性设置会被忽略. 代码如下: <div style=" position:absolute; width:100px; height:100px;"> <p style=" position:absolute; top:-5px;">测试top</p> </div> 上面是一个段落P包含在一个DIV内,可以看到P的top设置为-5px后,…

CSS深入理解之overflow

CSS深入理解之overflow 前言这是跟着张鑫旭重学CSS的overflow篇基本属性 overflow有以下五个基本属性: 1.visible : 默认值,具体表现为,应用此属性后,子元素超出时,继续展示; 2.hidden: 超出的部分隐藏; 3.scroll: 超出时展示滚动条; 4.auto: 自动判断; 5.inherit:继承父元素 overflow-x和overflow-y是IE8以上浏览器支持的属性,如果overflow-x/y相同,则等同于overflow属性.如果不同…

js中top、clientTop、scrollTop、offsetTop的区别文字详细说明版【转】

之前在修改IE6下的一个显示bug时,查到过这些,贴这备忘,后面给出了详细说明,以前的版本,没仔细的说明,特希望大家也收藏下. 网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.bod…

clientTop、offsetTop和scrollTop的区分

页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高: doc…

JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrol…

用scrollTop制作一个自动滚动公告栏

我们在浏览网页时,经常会看到会一些滚动的栏目,比如向上滚动的公告.新闻等.其实他们的制作都不难,只要学了基础的html.css.javascript就可以做出来,用JavaScript的scrollTop就行. scrollTop:返回或设置匹配元素的滚动条的垂直位置. <div id="div1" style="width:200px;height:200px;background-color:#999999;overflow:auto;background-colo…

随笔之——各大热门网站search 搜索框的写法，浅析！

随笔之——各大热门网站search 搜索框的写法,浅析! 关于搜索框,写法有很多种,搜索框这一块是一个比较细的活,要先计算好他的高.宽: 下面我就以京东搜索框为例,给大家浅析一下. 上面就是最终search框效果图. 先送出代码>>>>>> 1 <span style="color: #ff00ff; font-size: 18pt;"><strong>HTML 标签:</strong></span>…

javascript中元素的scrollLeft和scrollTop属性说明

再说意义之前,前说一下这两个属性的适用范围: 注意:这两个属性只能用于元素设置了overflow的css样式中.否者这两个属性没有任何意义.且overflow的值不能为visible,但可以为hidden,auto,scroll的之中,但是hidden最常见. 注意:在对这两个参数设置值时,直接用数字就可以了,否者不起作用. javascript中元素的scrollLeft和scrollTop属性的参数意义: scrollLeft:是该元素的显示(可见)的内容与该元素实际的内容的距离. 即设置s…

用python+selenium将腾讯首页今日话题的内容自动发表到自己cnblog里

目的:使用pyhton下的unittest单元测试框架并结合selenium的webdriver来实现将腾讯首页的今日话题下的内容自动发表达到自己的cnblog里. 思路:创建QQDailyTopic类继承unittest的TestCase类,setUp()方法用于测试执行前的初始化工作,而最后的tearDown()与setUp()方法相呼应,用于测试执行之后的善后工作. 然后用方法get_qq_daily_topic_url获得qq首页今日话题的url: 方法get_title_and_con…

搞懂offsetY、offsetTop、scrollTop、offsetHeight、scrollHeight

先搞offsetTop,最难懂的就是它了官方解释:返回当前元素的上边界到它的包含元素的上边界的偏移量,以像素为单位.这真TM坑爹啊!有木有!经过仔细研究查找得出结论:offsetTop是相对于离它最近的具有绝对或相对定位的父级元素的距离,有点绕口是不是?别急,咱慢慢剥开它...首先一定要明白offsetTop是一个相对值,那它到底是相对于谁的值呢,现在的女明星不都流行找干爹嘛,offsetTop也给自己找了一个,别人的要求是要有钱有权,而它的要求是要有position(只能是relative和…

Js中关于top、clientTop、scrollTop、offsetTop的用法

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: documen…

[jQuery].scrollTop() 函数详解

scrollTop()函数用于设置或返回当前匹配元素相对于垂直滚动条顶部的偏移. 当一个元素的实际高度超过其显示区域的高度时,在一定的设置下,浏览器会为该元素显示相应的垂直滚动条.此时,scrollTop()返回的就是该元素在可见区域之上被隐藏部分的高度(单位:像素). 如果垂直滚动条在最上面(也就是可见区域之上没有被隐藏的内容),或者当前元素是不可垂直滚动的,那么scrollTop()将返回0. 该函数属于jQuery对象(实例),并且对可见的和隐藏的元素均有效. 语法 jQuery 1.2.…

jmeter随笔（3）-从csv中获取带引号的数据详情

最近在工作中,对jmeter实践的点滴的记录这里分享,不一定正确,仅供参考和讨论,有想法的欢迎留言.谈论. 1技巧1:从csv中获取带引号的数据详情背景:我们从csv中获取数据,在jmeter中使用这些数据,其中csv的数据如图,有的数据包含引号和逗号问题:我们获取的数据,被自动加了引号解决办法: 1.设置jmeter的[CSV Data Set Config],将[Allow quoted Data?]设置程true即可 2.运行jmeter脚本,查看已经成功获取到想要的数据: 总结:遇…

Javascript scrollTop 20大洋

花了20大洋,买了一个视频,这是读书笔记 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> b…

html中offsetTop、clientTop、scrollTop、offsetTop各属性

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:…