多个按钮如何导向页面的不同高度位置

最新推荐文章于 2022-06-27 18:06:30 发布
最新推荐文章于 2022-06-27 18:06:30 发布
阅读量187 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42619485/article/details/108727690
版权

需求是页面A有多个按钮功能，点击后跳转到页面B的不同高度，如何写js函数：

window.scrollTo(a, b); // a代表横向位置，b带包纵向位置

只需要在跳转时携带上不同的参数，也就是指定高度，在B页面的mounted函数里执行上面的代码就可以滚到指定位置，横向和纵向都有。功能类似于在其他页面加锚点

孔明跟我没关系
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js滚动到指定页面高度
唯-心的专栏
05-13 1万+
js-页面打开后滚动到特定位置的效果 　　滚动页面的方法有scroll、scrollBy和scrollTo，三个方法都带两个参数：x(X轴上的偏移量)和y(Y轴上的偏移量)。因为是要滚动到页面底部，所以参数x为0，y为页面的滚动高度。另外，页面的滚动高度必须在网页加载完成后才能获取到，所以触发事件用onload。  　　具体步骤：  　　方法一：用scroll方法实现。  　　
页面跳转（点击菜单栏，跳转到相对应模块高度,注意导入jquery-1.11.1.js包）
heart__to的博客
12-16 520
Document 首页 关注 动态 风格 作品 首页 关注 动态 风格 作品
js里，一个页面中两个不同位置的按钮，分别点击跳转到同一个页面
qq_42177730的博客
07-25 4052
复制的是项目中的源码 ，请忽略中间部分 页面中的第二个按钮 <a href="#" class="btn-xs btn-info js-inCheck" >进入检测</a>   页面第一个按钮js-btnStart跳转 /*开始检测*/     $('.js-btnStart').on('click',function(){           var name ...
jq实现点击导航栏滚动到对应位置（锚点跳转滑动效果）和导航栏菜单项随页面滚动而变化
热门推荐
_EL
04-18 1万+
点击导航栏滚动到对应位置（延迟效果） 1.跳转实现 <div id="a"></div> <a href="#a">跳转</a> 如上图两行代码便可实现a标签‘#’后面跟对应的id值 2.锚点跳转滑动效果 <style> .btn{ position:fixed; right:10%; top:20%; } .btn a{ di...
【纯前端实现页面总结一】-- 导航栏布局以及点击展示不同界面+iframe标签引入的页面自适应高度（在html中引入另一个html文件）【已解决】
hannah2233的博客
10-23 5258
说明：jQuery实现， 点击导航栏变换iframe标签引入的页面 默认展示首页，css样式默认应用于“首页”导航栏 点击切换页面，并且导航栏样式改变 一、 页面切换效果如下： 小声逼逼：关于录屏软件的推荐：这篇博客里面有的哦，没有水印哒~ 二、 html文件中的内容如下（代码可粘贴运行）： homePage.html文件中放置页面主要内容，头部，尾部，导航栏… 首页.html放置首页的展示内容 展示一.html放置展示一的展示内容 其余同理 1、 homePage.html文件(内含cs.
多个按钮单选/多选，高度自适应
07-09
本话题主要关注的是如何实现“多个按钮的单选或多选，并且具有高度自适应”的功能。这种功能常见于各种应用，例如设置选项、问卷调查或者用户偏好选择等场景。 首先，让我们详细探讨“单选”和“多选”按钮的概念。...
微信小程序实现多个按钮的颜色状态转换
10-17
本示例介绍了一种实现多个按钮颜色状态转换的方法，主要涉及到以下几个关键知识点： 1. **数据绑定**： 微信小程序中的数据绑定是通过 `{{ }}` 符号实现的。在 `index.wxml` 文件中，`style` 属性的值使用了条件...
用JS实现一个页面多个css样式实现
10-30
通过以上步骤，我们可以实现一个页面加载多个CSS样式表的功能，让用户可以根据自己的偏好选择不同的界面风格。这种方法不仅适用于字体大小的调整，还可以应用于颜色主题、布局模式等多种场景，提高网站的可用性和可...
vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)
10-15
在`template`部分，我们有一个包含多个按钮的`div`，每个按钮都有一个`@click`事件监听器，调用名为`Submit`的方法，并传入一个参数，代表按钮对应的页面编号。同时，页面上有五个不同颜色的`div`，它们分别有`id`为...
asp.net 弹出对话框返回多个值
10-29
总结来说，实现ASP.NET弹出对话框返回多个值的关键在于利用JavaScript的`showModalDialog`和页面间的通信机制。通过在对话框中处理用户的选择，然后将选择结果通过`window.returnValue`返回，最后在主页面读取这些值...
CSS 将两个button按钮垂直+水平居中
01-20
CSS 将button按钮垂直+水平居中 参考文章：CSS实现垂直居中的5种方法 具体效果如图： 这个方法使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0; 。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。使用 **margin:auto;**使块级元素垂直居中是很简单的。 .vert-center{ position:absolute; top:0; bottom:0; left: 0; margin: auto; right: 0;
原生js实现导航栏切换和点击更改折叠高度
m0_55173487的博客
06-27 606
原生js实现导航栏切换和点击更改折叠高度： 导航栏：点击可以切换内容；折叠按钮：根据点击次数来实现折叠的范围
android设置多个按钮,android代码中设置两个按钮之间位置
weixin_30052271的博客
05-25 1055
package com.example.helloworld01;//包名import java.util.ArrayList;import java.util.List;import android.os.Bundle;import android.app.Activity;import android.graphics.Color;import android.widget.ArrayAdap...
uni点击导航栏滚动到本页面对应位置
weixin_43090018的博客
04-08 2394
html部分 <view class="nav-list" v-show="isList"> <view class="list-text" v-for="(item,index) in navList" :key="index" @tap="clickNav(index)">{{item.text}}</view> </view> js部分(...
用swing做一个横向菜单导航条，点击菜单按钮可切换不同面板
最新发布
08-06
我们可以创建多个面板，并将它们添加到同一个容器中，每个面板表示不同的页面内容。在菜单项的ActionListener中，我们可以通过CardLayout#show方法来显示对应的面板。 下面是一个简单的示例代码： ``` import ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值