jquery设置滚动条距离页面顶部的高度

//获取滚动条到顶部的垂直高度
$(document).scrollTop();
//获取滚动条到左边的垂直宽度
$(document).scrollLeft(); 

function clickFn(){
        var topL0 = $("#l0").offset().top;
        var topL1 = $("#l1").offset().top;

        alert("l0距离顶部:"+topL0)
        alert("l1距离顶部:"+topL1)

        $(document).scrollTop(topL0)
}
时间： 2024-11-05 05:30:55

jquery设置滚动条距离页面顶部的高度的相关文章

js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox

做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的. 获取窗口可视范围的高度 function getClientHeight(){ var clientHeight=0; if(document.body.clientHeight&&document.documentElement.clientHeight){ var clientHeig

jquery判断滚动条是否到达顶部或者底部

<script> $(function(){ $(window).scroll(function(){ //离顶部的距离=0 //方法一:var isTop=$(this).scrollTop(); //方法二:var isTop=$(document).scrollTop(); //var isTop=$("body").scrollTop();//ie错误 //var isTop=$(document.body).scrollTop();//ie错误 //可视窗口大小+

JQuery判断滚动条是否到达顶部及是否到达底部

$(document).ready(function() { $(window).scroll(function() { if ($(document).scrollTop()<=0){ alert("滚动条已经到达顶部"); } if ($(document).scrollTop() >= $(document).height() - $(window).height()) { alert("滚动条已经到达底部!"); } }); });

jquery点击回到页面顶部方法

1.代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>05-jQuery- 回到顶部案例</title> <style> .bk-top-box { position: fixed; bottom: 40px; right: 10px; cursor: pointer; } </

如何获取div距离浏览器顶部的高度，宽度，内容

JS就可以获取了, document.getElementById("DIV的ID或者其它选择").offsetTop;这是离顶部 JQ可以这样: $("#aaa").offset().top; //jq获取aaa元素距离body的距离 document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据,包括标签...但是只是在IE和OPERA中使用 document.getelementbyid(

js,jquery 获取滚动条高度和位置, 元素距顶部距离

一,获取滚动条高度和位置 jQuery 获取览器显示区域的高度: $(window).height();  获取浏览器显示区域的宽度:$(window).width(); 获取页面的文档高度:$(document).height(); 获取页面的文档宽度:$(document).width(); 获取滚动条到顶部的垂直高度:$(document).scrollTop()或$(window).scrollTop() 获取滚动条到左边的垂直宽度:$(document).scrollLeft()或$(

js实现简单的匀速回到页面顶部。

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>回到顶部</title> <style> body{ height:1600px; } .top{ width:100%; height: 30px; background:red; } #box{ width:100px; height:30px; background: pink;

测试scrollTop--随滚动条距离顶部的高度body显示不同的颜色

<!doctype html> <html> <head>     <title>测试scrollTop--随滚动条距离顶部的高度body显示不同的颜色</title>     <meta name="author" content="阿耀王子"> </head> <body> <p>测试scrollTop--随滚动条距离顶部的高度body显示不同的颜色<

[Jquery] js获取浏览器滚动条距离顶端的距离

需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小  一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到