文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery选项卡所选选项卡禁止跳到顶部

问jQuery选项卡所选选项卡禁止跳到顶部
EN

Stack Overflow用户

提问于 2019-04-25 05:01:42

回答 1查看 220关注 0票数 0

我使用的是jQuery标签，点击一个标签它会给url添加散列

jQuery( "#tabs").tabs({
        activate: function(event, ui) {
            window.location.hash = ui.newPanel.attr('id');
        }
    });

问题是，当我单击一个选项卡时，它会打开，但它会滚动并跳转到页面顶部

普通选项卡

当我单击选项卡时

有人知道如何解决这个问题吗？

javascript

jquery

jquery-ui-tabs

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-25 05:15:57

尝试使用history.pushState()。检查History Api docs

jQuery( "#tabs").tabs({
    activate: function(event, ui) {
        history.pushState(null, null, '#' + ui.newPanel.attr('id'));
    }
});

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55842110

复制

微信小程序----导航栏选项卡（MUI顶部选项卡）

微信小程序

效果图 WXML <import src="../../template/list.wxml"/> <view class="tui-tabbar-content"> <view class="

Rattenking

2021/02/01

1.7K0

jQuery 选项卡插件 FengTab by FungLeo

css html 插件

好无聊啊，权当练手，写了一个选项卡插件 Html 结构 <h2>Demo 1</h2> <div id="FengTab" class="FengTab"> <ul class="tab"> <li>Title 1</li> <li>Title 2</li> <li>Title 3</li> <li>Title 4</li> </ul> <div c

FungLeo

2022/11/28

1.3K0

选项卡

其他

HTML代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选项卡</title> <link rel="stylesheet" href="css/tab.css" /> </head> <body> <div id="tab"> <ul> <li class="select">视频</li

河湾欢儿

2018/09/05

1.6K0

Tab选项卡

class data path title ui

实现步骤: 实现静态UI效果用传统的方式实现标签结构和样式基于数据重构UI效果将静态的结构和样式重构为基于Vue模板语法的形式处理事件绑定和js控制逻辑声明式编程模板的结构和最终显示的效果基本一致 1.html结构 <div id="app"> <div class="tab">  <ul> <li class="acti

梨涡浅笑

2020/12/02

2.2K0

选项卡TabHost

其他

1.布局 1 <TabHost xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:id="@+id/tabHost" 4 android:layout_width="match_parent" 5 android:layout_height="match_parent" > 6

欢醉

2018/01/22

1.7K0

案例选项卡

html data path title ui

案例：实现步骤 1. 实现静态UI效果用传统的方式实现标签结构和样式 2. 基于数据重构UI效果将静态的结构和样式重构为基于Vue模板语法的形式处理事件绑定和js控制逻辑 3. 声明式编程

清出于兰

2020/12/01

1.6K0

选项卡（TabHost）使用

android

使用方式：从TabActivity中用getTabHost()方法获取TabHost，然后设置标签内容

李小白是一只喵

2020/04/24

1.9K0

js实现选项卡

javascript

选项卡就是点击按钮切换到相应内容，其实就是点击按钮把内容通过display(block none)来实现切换的。

wfaceboss

2019/04/08

2.9K0

微信小程序开发之选项卡(窗口顶部TabBar)页面切换

小程序微信

微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果:

李维亮

2021/07/09

1.3K0

Layui Tab 选项卡

element layui title

layui-tab layui-tab-title layui-tab-content layui-tab-item

用户5760343

2019/10/24

3.3K0

Labview选项卡之实现被选择选项卡工作

labview 变量工作事件源码

有些时候，我们做界面，需要好多个界面切换。如果是同一个 VI 里界面切换，一般都是选项卡了。切换不同选项卡就切换界面了。

Gnep@97

2023/08/16

8421

小程序 — 选项卡

小程序 git http

（2）将用户点击传过来的index值赋给data中改变当前的索引值activeIndex

Ewall

2018/09/30

1.6K0

Tab选项卡切换效果

background border height settimeout width

大M

2021/08/24

3.4K0

实用tab选项卡切换

background class height padding 动画

itclanCoder

2023/09/14

2810

安卓底部选项卡

其他

腾讯QQ有了更新，在自己的手机上更新了一下，试运行了一段时间，被底部的选项卡给深深的迷住了。于是，有了去做做它的原始冲动与欲望，在历经一个早上的琢磨，终于实现了，贴上来，作为给大家的春节祝福吧，在此，小编给大家拜年了，祝大家在新的一年马上有车，马上有房，马上有钱，马上有对象，同时也对浏览我文章的看客表示深深的谢意！

牛老师讲GIS

2018/10/23

1K0

AngularDart Material Design 选项卡顶

其他

注意：为了获得高质量的用户体验，选项卡条的用户必须将焦点设置为新显示的内容，以便1）选项卡不保留焦点样式，2）屏幕阅读器可以计算已更改的内容。

南郭先生

2018/09/30

1.5K0

搞定侧边栏TAB选项卡

腾讯云测试服务腾讯云开发者社区

竖着排列确实会在网速卡的时候，随机日志，最新日志，热评日志会连在一起显示30篇文章，太不美观了。

空空裤兜

2023/03/03

1.2K0

Tab选项卡切换效果-自动切换

css html setinterval settimeout

上节我们讲到了tab选项卡的手动切换效果和手动延迟切换效果，在延迟切换效果中，我们使用到了setTimeout函数，这节我们要实现手动自动选项卡的效果。

大M

2021/08/24

5.4K0

用js写简单选项卡

jquery java https 网络安全

要点1：abc.document.getElementsByTagName(“li”)：取得abc下面的所有标签为li的元素，返回的是一个元素集合，有数组的一些属性。

全栈程序员站长

2022/09/06

5.7K0

WPF实现选项卡效果（3）——自定义动态添加的AvalonDock选项卡内容

https java 网络安全

　　在前面一篇文章里面，我们实现了AvalonDock选项卡的动态添加，但是对于选项卡里面的内容，我们并没有实现任何有用的功能。　　这篇文章里面，我们将实现对选项卡里面的内容和功能实现自定义。完整系列　　● 第一部分　　● 第二部分　　● 第三部分在Git中下载工程源码

全栈程序员站长

2022/09/13

1.6K0

相似问题

jquery选项卡切换链接从而跳到页面顶部？

jQuery移动选项卡-选项卡所选事件

自定义选项卡在单击时跳到顶部。

JQuery选项卡-使所选选项卡可单击

jQuery UI选项卡所选索引

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问jQuery选项卡所选选项卡禁止跳到顶部
EN