Vue系列：滚动页面到指定位置实现

方法1：scrollTop 滚动到某位置

方法2：scrollTo，scrollBy，scroll滚动到某位置

方法3：scrollIntoView() 实现滚动到具体某元素

需注意，上述3种方法都不是平滑滚动

原文地址：https://www.cnblogs.com/One-sprite/p/10083899.html

时间： 2024-10-18 21:28:18

Vue系列：滚动页面到指定位置实现的相关文章

如何跳转到另一个页面的指定位置

如何跳转到另一个页面的指定位置:在同一个页面中,点击一个地方跳转到指定的位置这个很简单,就是使用的锚点,例如: <a href="#thediv">蚂蚁部落</a> 以上代码,当点击a元素的时候能够跳转到id属性值为thediv的元素.上面介绍的是在同一个页面的情况,如果是不同的页面当然也是可以进行这样的定位的,只要在前面加上链接即可: <a href="mytest.aspx#thediv">蚂蚁部落</a> 以上代

js，jquery滚动/跳转页面到指定位置

要解决两个需求: 一个是从A页面跳到B页面,滚动到页面的任何地方: 第二个是在B页面内部点击某个元素,滚动到页面的任何地方: 怎么解决啊?很简单,当然是用锚点. 首先在A页面创建一个锚点 <body> <a href="b.html#pos" target="_blank">点击跳转</a> <body> 然后在B页面定义这个锚点 <body> ... 这里是很多文字,把页面撑开,撑出滚动条 ... <

基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码

比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js 复制代码代码如下: //根据参数名获得该参数 pname等于想要的参数名 function getParam(pname) { var para

Vue系列之 =&gt; 自定义全局指定让文本框自动获取焦点

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatib

ajax中向页面中指定位置添加信息

$.ajax({  type : "POST",  beforeSend : function() {   showLoader("数据加载中...");// 展示等待效果  },  complete : function() {   //与后台通讯(查询是否存在有效保单)    getComPlugin(successCallback,"com.sinosoft.hna.lpcx.LPSQJYSrarch",'searchSQJY',dates

Jquery 实现点击一个页面跳转后在另外一个页面显示指定位置

<script> $(function(){ var isTarget = '<?php echo $_GET['target']; ?>'; if (isTarget != "") { var body = $('body') var target = $('#content'); // 要显示的位置标签id body.animate({ scrollTop:target.offset().top - body.offset().top + body.scro

js 页面滚动到指定位置

项目中,本来想通过点击左侧列表让页面进行快速导航(根据 id="item" 和 a标签的 href 属性[<a href="#item"></a>]),不过滚动后的页面一直是顶在浏览器页面顶部的,不符合项目需求,所以就通过 js 代码让页面进行指定位置滚动,代码如下: $(".left_nav>ul>li").click(function () { var n = parseInt($(this)[0].id)

RecyclerView滑动到指定位置，并置顶

一般我们用 mRecycleview.smoothScrollToPosition(0)滑动到顶部,具有滚动效果,但是如果我们想滚动到任意指定位置,那么smoothScrollToPosition()就不能保证所指定item位于屏幕顶部,那么一下提供下我解决的方法: 1.第一种方法 此方法能实现指定位置位于屏幕顶部,但是不具有平滑滚动视觉效果: if (position != -1) { mRecycleview.scrollToPosition(position); LinearLayoutM

scroll 滚动到指定位置触发事件 and 点击一按钮/链接让页面定位在指定的位置

scroll 滚动到指定位置触发事件:$(function(){ $(window).scroll(function() { var s =$(window).scrollTop(); if (s>=782) {//782是导航条离页面顶部的距离(px) $('.nav').addClass('fixednav'); } else{ $('.nav').removeClass('fixednav'); } });}); .fixednav{ position:fixed; top:0px; le