链接到不同页面上的锚点和scroolTo使用JQuery锚点

替诺酮

我如何链接到另一个页面上的锚点,但是当新页面加载时也滚动到该锚点?

当我的anchro链接位于同一页面上时,下面是JQuery,我需要对其进行调整,以便在单击链接时也可以创建动画

的HTML:

<li><a href="page2.php#about-us">My Link</a></l1>

我的JQuery:

$('.faq_section li a').click(function(e) {
    e.preventDefault();
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top - 20
    }, 600);        
});

Page2.php:

  <div id="about-us"></div>
布彭德·凯斯瓦尼(Bhupender Keswani)

您可以使用以下方法

通过单击u可以在URL中发送某些条件,并在jquery中检查该信息,例如xyz.com?p=scroll。然后在document.ready函数上的jquery中,使用indexOf检查是否存在'p = scroll'。如果是,则运行您的动画代码(注意。上面的jQuery代码需要在输出页面中)

或尝试以下http://webdeveloperswall.com/javascript/scrolling-to-different-areas-on-same-page

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

跳转链接,如何跳转到页面上的下一个可用锚点?

来自分类Dev

导航到其他页面上的锚点

来自分类Dev

使用Javascript或Jquery重新加载带有锚点的页面

来自分类Dev

链接到Laravel页面上的特定锚点

来自分类Dev

将SVG多边形链接到锚点

来自分类Dev

覆盖角度ui-router以链接到页面锚点

来自分类Dev

链接未引用锚点

来自分类Dev

链接到Rails App中页面上的锚点

来自分类Dev

使用锚点更改页面的内容

来自分类Dev

使用ImportXML提取URL和锚点

来自分类Dev

Markdown链接到Sphinx中的reStructuredText锚点

来自分类Dev

链接到页面锚点时,如何在其中调用JS代码?

来自分类Dev

检测锚点是否链接到ID

来自分类Dev

jQuery滚动到锚点页面上的位置

来自分类Dev

PHP:[[:<:]]和[[:>:]]锚点

来自分类Dev

HTML-链接到锚点,而页面不跳到顶部

来自分类Dev

带有链接锚点的按钮,指向页面上的div部分-不刷新

来自分类Dev

使用Javascript或Jquery重新加载带有锚点的页面

来自分类Dev

jQuery平滑滚动,用于链接到1个锚点的许多链接

来自分类Dev

链接到框架中的锚点

来自分类Dev

jQuery滚动和锚点初始位置

来自分类Dev

第一个锚点链接到#

来自分类Dev

使用锚点更改页面的内容

来自分类Dev

链接到同一页面上的锚点减去一些像素

来自分类Dev

使用锚点,类和jQuery滚动

来自分类Dev

链接到页面中间锚点的 CodeIgniter 控制器

来自分类Dev

在链接 codeigniter 中使用锚点

来自分类Dev

链接到锚点 ID 时删除移动菜单

来自分类Dev

使用 jQuery 隐藏 Div 和滚动到锚点