滚动条回到最上面

 function myScroll()    {//前边是获取chrome等一般浏览器 如果获取不到就是ie了 就用ie的办法获取        var x=document.body.scrollTop||document.documentElement.scrollTop;        var timer=setInterval(function(){            x=x-100;            if(x<100)            {                x=0;                window.scrollTo(x,x);                clearInterval(timer);            }            window.scrollTo(x,x);        },"10");    }
时间: 2024-10-10 09:48:35

滚动条回到最上面的相关文章

js监听滚动条 回到顶端

效果:当出现滚动条,且滚动条出现移动时,把回到顶端按钮 显示出来:当滚动条回到顶部时,将回到顶端按钮隐藏. <script type="text/javascript"> //获取滚动条的位置 function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = window.pageYOffset; } else if (document.compatMode && d

JS 回到顶部

最近在慕课网看了一个案例教程——回到顶部效果(原生js实现) <a href="javascript:;" id="btn" title="回到顶部"></a> 这个a标签就是用来实现回到顶部的链接,其中 href=”javascript:;”是用来阻止a标签的默认行为,因为我们是要触发点击事件让滚动条回到顶部,而不是跳转页面.当然,如果你将其设置为 href=””,也会默认跳转到页面顶部,但是用户体验就比较差,我们主要还

Selenium2+python自动化17-JS处理滚动条

前言 selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了. 常见场景: 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的. 这时候需要借助滚动条来拖动屏幕,使被操作的元素显示在当前的屏幕上. 滚动条是无法直接用定位工具来定位的.selenium里面也没有直接的方法去控制滚动条, 这时候只能借助J了,还好selenium提供了一个操作js的方法: execute_script(),可以直接执行js的脚本. 一.JavaScrip

ASP.NET - 记住滚动条的位置

MaintainScrollPositionOnPostback ="true" 如果是滚动条在最下面,那么如果刷新页面,滚动条回到最上面. 使用这个属性之后,滚动条会在刷新之前的那个位置,不会因为刷新页面而改变.

页面回到顶部的实现及原理

转自:http://www.mojidong.com/html/css/js/2013/03/03/page-top-to-achieve/ 现在很多网页都有一个回到顶部的功能,当你拖动滚动条往下拉到一定程度就会在右下方显示一个回到顶部的按钮,点击则可以立即回到页面顶部,非常贴心的设计. 今天打算自己做一个,分析了一下,要点如下 监听当前页面滚动事件 当滚动到一定像素显示回到顶部的按钮 给回到顶部按钮绑定点击事件,点击按钮让滚动条回到顶部并隐藏按钮 核心点主要在js控制按钮的显示和隐藏及点击按钮

python+selenium+js 处理滚动条

selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了. 常见场景: 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的. 这时候需要借助滚动条来拖动屏幕,使被操作的元素显示在当前的屏幕上. 滚动条是无法直接用定位工具来定位的.selenium里面也没有直接的方法去控制滚动条, 这时候只能借助J了,还好selenium提供了一个操作js的方法: execute_script(),可以直接执行js的脚本. 一.JavaScript简介

python自动化17-JS处理滚动条

<div id="navigator"> 博客园 首页 新随笔 联系 管理 订阅 <div class="blogStats"> <div id="blog_stats"> 随笔- 238 文章- 2 评论- 455 </div><!--end: blogStats --> </div><!--end: navigator 博客导航栏 --> <div cl

js之无缝滚动

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{margin:0px;padding:0xp;}//默认全局外边距0,内边距0 #div1 {width:800px;height:200px

UI_UIScrollView/UIpageControl

创建UIScrollView @property(nonatomic, retain) UIScrollView *scrollView; @property(nonatomic, retain) UIImageView *opeImageView; @property (nonatomic, retain)UIPageControl *pageControl; #pragma mark - 创建滑动视图 UIScrollView - (void)createScrollView { self.