浏览器滚动条位置如何设置

最新推荐文章于 2024-05-07 14:55:18 发布
最新推荐文章于 2024-05-07 14:55:18 发布
阅读量870 收藏
点赞数
分类专栏： web前端笔记总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43151638/article/details/103270756
版权
1、window.pageYoffset

获取滚动条在Y轴方向的距离

2、window.pageXoffset

获取滚动条在X轴的距离

3、scrollTo(参数一，参数二）

设置滚动条位置
参数一：x方向
参数二：y方向
ps:如果只设置一个方向 ，一个方向设置为0

资本理念
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
使用jQuery判断浏览器滚动条位置的方法
01-19
1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍，欢迎关注！ 2、通过上滚下滚来让底部导航显示或者因此，安卓上面的浏览器都...
原生js仿浏览器滚动条效果
10-20
仿浏览器滚动条 *{margin: 0;padding: 0;} #demo{width: 300px;height: 500px;border: 1px solid red;margin:100px;position:relative;overflow:hidden;} p{padding:5px 20px 5px 5px;font-size:26px;position...
css--控制滚动条的显示位置
最新发布
fupo
05-07 1234
各种学习后的知识点整理归纳，非原创！
滚动条位置
u012764368的专栏
05-30 408
$(function(){    var $aa = $("a");     var $a_height = $("a").height();   $(window).scroll(function(){    var $w_height = $(this).scrollTop();    if($w_height >= $a_height){     $("#nav").css({
设置滚动条的位置
weixin_30952103的博客
10-23 2059
链接：http://www.w3school.com.cn/jquery/css_scrollleft.asp 设置水平滚动条位置 设置所有匹配元素的水平滚动条位置。 $(selector).scrollLeft(position) 设置竖直滚动条位置 设置所有匹配元素的水平滚动条位置。 $(selector).scrollTop(position) 转...
获取滚动条位置
心若向阳 无谓悲伤
06-28 7062
浏览器获取滚动条位置一、各浏览器下 scrollTop的差异(1)、IE6/7/8：(2)、IE9及以上：(3)、Safari(苹果公司研发的网络浏览器):(4)、Firefox(火狐):(5)、Chrome(谷歌)：二、获取滚动条纵向位置的值（1）、可以使用window.pageYoffset（2）、同时只会有一个值生效特性（3）、准确的获取scrollTop的值 一、各浏览器下 scrollTop的差异 先来了解下各浏览器获取滚动条坐标的差别 (1)、IE6/7/8： 可以使用 document.doc
Javascript 获取滚动条位置等信息的函数
10-29
有时为了准确定位一个元素，我们需要获取滚动条的位置，这种需求经常出现在 tooltip 和 拖放等应用中，其实这个技术很简单，关键是要考虑浏览器的兼容性，本文就是介绍这一问题的解决方法。
jQuery实现浮动层随浏览器滚动条滚动的方法
11-23
本文实例讲述了jQuery实现浮动层随浏览器滚动条滚动的...这是jQuery实现的一个浮动层效果，随浏览器滚动条而滚动，并一直保持在顶部位置，请使用火狐测试，IE下表现不尽理想。 运行效果截图如下： 在线演示地址如下： ...
把滚动条放在浏览器窗口的左边
weixin_34293246的博客
07-09 369
在 <body> 中加 dir=RTL，即 <body dir=RTL>。
让div滚动条初始化到最低位置的三种方法
07-05
单个div滚动条初始化到最低位置
javaScript动态设置浏览器滚动条位置
weixin_40888956的博客
04-28 2795
window.onscroll= function(){ //计算滚动条位置，改变样式 //变量t是滚动条滚动时，距离顶部的距离 var t = document.documentElement.scrollTop||document.body.scrollTop; var scroll= do...
js控制滚动条位置
iYNing的博客
08-26 4389
js控制滚动条位置
js 记住浏览器的滚动条位置
Mia_Zhu的博客
07-18 1750
function Trim(strValue) { return strValue.replace(/^s*|s*$/g,""); } function SetCookie(sName, sValue) { document.cookie = sName + "=" + escape(sValue); } function GetCo
CSS设置滚动条位置调整
jiangzhihao0515的博客
10-20 2001
1、滚动条位置在左侧。2、滚动条位置在上方。
js控制滚动条滚动指定位置,js怎么设置滚动条
阿发狗伪原创
10-26 1827
主要是获取到有滚动效果的元素，然后通过改变scrollTop的值来实现自动滚动效果。interval是setInterval函数的参数，如果想停止滚动可以利用鼠标的mouseOver函数，然后利用clearInterval函数将定时器清除就可以。这篇文章主要介绍了js控制滚动条滚动指定位置，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。问题：当浏览器缩放之后就无法自动播放了，但在火狐浏览器可以播放，谷歌，360，IE等则不能播放，不知道什么原因。
从详情页返回列表页记住滚动条位置
zongmaomx的博客
11-18 606
需求，从blog列表展示页进入单条blog详情页后返回不刷新，并且保留滚动条的位置。 1.返回不刷新使用keepAlive。（多级路由/菜单会导致keepAlive失效） $route(to, from){ if (to.meta.keepAlive){ !this.include.includes(to.meta.name)&&this.include.push(to.meta.name); }
浏览器滚动条设置
考拉很OK
05-21 183
【代码】浏览器滚动条设置。
修改各个浏览器滚动条的样式
07-28
要修改各个浏览器滚动条的样式，你可以使用 CSS 的 `::-webkit-scrollbar` 伪元素来针对 WebKit 内核的浏览器（如 Chrome、Safari）进行样式设置，使用 `::-moz-scrollbar` 伪元素来针对 Firefox 进行样式设置，而...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

资本理念

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值