浏览器视图位置操作

雨点打透心脏的1/2处 2022-05-17 07:52 414阅读 0赞

作者：LoveEmpero-王子様

### 一、jQuery CSS 操作 - scrollTop() 方法 ###

$(selector).scrollTop(offset)

$(".toLeftBtn").click(function(){ 
      $("div").scrollLeft(100);
    });

### 二、js操作界面 ###

function goToWhere(target){
         var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
         if (scrollT >target) {
              var timer = setInterval(function(){
              var scrollT = document.body.scrollTop|| document.documentElement.scrollTop
              var step = Math.floor(-scrollT/6);
              document.documentElement.scrollTop = document.body.scrollTop = step + scrollT;
              if(scrollT <= target){
                 document.body.scrollTop = document.documentElement.scrollTop = target;
                       clearTimeout(timer);
                     }
                 },200)
              }
          }

$(".toTopBtn").on('click',function(){ 
            goToWhere(200)
        });

### 三、直接回顶部 ###

*  可以写一些动画过度下

window.scrollTo(0,0);

发表评论取消回复

表情：

评论列表（有 0 条评论，414人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL——视图操作

一、含义 mysql5.1版本出现的新特性，本身是一个虚拟表，它的数据来自于表，通过执行时动态生成。好处： 1、简化sql语句 2、提高了sql的重用性

我不是女神ヾ/ 2023年07月16日 03:38/ 0 赞/ 10 阅读

相关 html强制浏览器取消兼容视图模式

项目发版过程过程中，用户电脑将顶级域名地址配置在了兼容性视图模式设置里，导致我们要发布的子系统无法正常登陆使用，现在需要强制浏览器访问我们系统的时候，强制浏览器取消兼容性视图设

矫情吗；*/ 2023年07月13日 03:06/ 0 赞/ 31 阅读

相关 Google浏览器收藏数据保存位置

Google浏览器收藏数据保存位置相对路径 \\Google\\Chrome\\User Data\\Default中的Bookmarks文件 ![watermark_ty

迷南。/ 2023年07月10日 15:58/ 0 赞/ 14 阅读

相关 Appium-Location in view(视图中的位置)

Get Element Location in View Example Usage Descript

梦里梦外;/ 2022年11月19日 04:15/ 0 赞/ 35 阅读

相关 System.InvalidOperationException: 未找到视图“xxx”或其母版视图，或没有视图引擎支持搜索的位置。搜索了以下位置:

报错错误信息在 .net mvc 中修改了Controller代码后运行应用，访问页面报错如下： ![在这里插入图片描述][watermark_type_

- 日理万妓/ 2022年10月21日 01:21/ 0 赞/ 84 阅读

相关 JavaScript 操作浏览器

判断浏览器类型 // 取浏览器类型 function getBrowerType() { if(navigator.userAgent.i

秒速五厘米/ 2022年05月20日 01:23/ 0 赞/ 252 阅读

相关 selenium3 设置浏览器安装的位置

做测试的PC上一般安装有多个浏览器，故小记一下selenium中设置浏览器位置的方式： 1、java代码： System.setProperty("webdri

梦里梦外;/ 2022年05月19日 12:10/ 0 赞/ 252 阅读

相关浏览器视图位置操作

作者：LoveEmpero-王子様一、jQuery CSS 操作 - scrollTop() 方法 $(selector).scrollTop(offset)

雨点打透心脏的1/2处/ 2022年05月17日 07:52/ 0 赞/ 415 阅读

相关七、浏览器操作

以firefox为例，其他浏览器一样 \[b\]\[size=large\]1.启动浏览器\[/size\]\[/b\] 详见： \[url=http://sari

以你之姓@/ 2022年05月14日 09:24/ 0 赞/ 156 阅读

相关 oracle 创建视图、修改视图、删除视图、利用视图操作基本表

[https://www.cnblogs.com/skyapplezhao/p/4134359.html][https_www.cnblogs.com_skyapplezhao

ゝ一世哀愁。/ 2021年09月23日 12:26/ 0 赞/ 480 阅读