本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
Chrome不认document.documentElement.scrollTop
问题:
使用jquery.scrollTop插件实现“滚动到顶部”的功能,发现某些情况下Chrome不认document.documentElement.scrollTop,使用alert取到的值始终是零。需要通过js进行处理,修复这个bug。
解决方法:
var scroll_top;
setInterval与clearInterval及scrollTop的使用
setInterval()和clearInterval()是一对很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能。
scrollTop()函数可以用来实现滚动条一直处于某个位置。
以下是用这三个函数做的一个例子。
<html>
<head>
<script type="text/javascript" sr ...
dropdown定位问题
问题描述
最近做项目的时候,有这么一个问题:用了brix组件dropdown做了一个下拉框,而这个下拉框有一个默认值,想让下拉框展开的时候直接定位到当前所选值,即:
希望原来的变为
其html组织结构为:
ul中的各个选项为js手动生成。
一、最初的想法
直接在js中给默认的开始值添加选中样式,再用js将下拉框定位到所选中值。具体是:在'.dropdown-hd'上加c ...
Javascript返回顶部代码实现
返回顶部逻辑很简单,功能点分为:
页面第一屏内不展示返回顶部的图标,超过第一屏时展示图标;
点击返回顶部图标时页面流畅地返回顶部。
HTML文件部分:
<!DOCTYPE html>
<html>
<head>
<title>返回顶部</title>
<link rel="styl ...
关于获取页面高宽及滚动条距离页面顶部和左侧的长度问题
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
...
网页常用的各种尺寸
//各种尺寸 s += "\r\n网页可见区域宽:"+ document.body.clientWidth; s +=
"\r\n网页可见区域高:"+ document.body.clientHeight; s += "\r\n网页可见区域高:"+
document.body.offsetWidth +& ...
html&Document&Body
document.body.scrollTop用法
网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文 ...
获取页面位置和div位置
var ch=(document.documentElement.scrollTop+document.documentElement.clientHeight-box.offsetHeight);
var cw=(document.documentElement.scrollLeft+document.documentElement.clientWidth-box.offsetWidth);
...
js jquery 返回顶部 TOP 简单实现
直接返回顶部
function top(){
$('html,body').animate({scrollTop:0},100);
}
滚动条定位到某个元素
$("html,body").animate({scrollTop:$("#id").offset().top},100);//
js:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取 ...
垂直滚动特效
<div id="dome">
<div id="dome1">
</div>
<div id="dome2"></div>
</div>
<script type="text/javascript">
...