【问题标题】:I've got a Jquery tabs with the tabs set to fixed position. How do I get the tabs to start at the top?我有一个 Jquery 选项卡,其中的选项卡设置为固定位置。如何让标签从顶部开始?
【发布时间】:2015-11-10 08:14:56
【问题描述】:

我有一个 JQuery 选项卡问题。我已经将标签设置为固定在页面顶部,每个标签的 div 中都有很多内容。当滚动内容并单击另一个选项卡时,我需要新内容从顶部开始,而不是从中间某处开始。

这是我的问题的一个说明: http://hoyu-professional-usa.com/newsite/tabsfix.html

如何获得“TAB [x] 从这里开始!”字样单击相关选项卡时显示在顶部?

提前感谢您的帮助!

【问题讨论】:

  • 你能发布你的 html 吗?
  • 抱歉,我不确定最好的方法。您希望我如何发布 HTML?

标签: jquery css tabs


【解决方案1】:

添加以下JS代码:

$(".ui-tabs-nav li a").click(function() {
    $("body, html").animate({
        scrollTop: 0
    }, "slow");
});

【讨论】:

  • 感谢您的帮助!不幸的是,尽管我尝试将该代码添加到 标记的开头和结尾,但它对我不起作用。添加它我可能做错了什么?
  • 进入“hoyu-professional-usa.com/newsite/tabsfix.html”并在 chrome 开发工具控制台选项卡中添加我的代码。你会看到它会在顶部导航点击上滚动
  • 是的,当我在 chrome 开发工具控制台选项卡中应用它时,我发现它运行良好。不幸的是,我仍然无法弄清楚如何将代码直接应用于我的页面以使其正常工作。如果您有任何进一步的见解,请分享。无论如何,感谢您指引我朝着正确的方向前进!
  • 对于任何可能遇到类似问题的人,我学会了让 edonbajrami 的代码在文件中工作,就像在 Chrome 开发工具中一样,我需要将代码包装在观察者中:$(document).ready(function() { [CODE HERE] }); 再次感谢!
猜你喜欢
  • 2019-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多