如何让jQuery滚动效果仅在从特定链接访问页面时触发？

要实现这个需求，核心思路是给首页横幅的特定链接添加唯一标识参数，然后在目标页面加载时检测该参数是否存在，仅当参数存在时才执行滚动逻辑。具体步骤如下：

1. 修改首页横幅的链接 #

给目标链接添加查询参数（比如?scrollTo=target），用来标记这是来自横幅的访问：

<a class="banner-specific-link" href="destination-url.html?scrollTo=target-section">查看特定信息</a>

2. 修改目标页面的滚动逻辑 #

在目标页面的JavaScript中，先读取URL的查询参数，判断是否存在我们设定的标识，再决定是否执行滚动：

$(document).ready(function () {
    // 解析URL中的查询参数
    const urlParams = new URLSearchParams(window.location.search);
    
    // 检查是否存在指定的滚动标识，且值匹配
    if (urlParams.has('scrollTo') && urlParams.get('scrollTo') === 'target-section') {
        // 执行滚动到目标元素的动画
        $('html, body').animate({
            scrollTop: $('.your-target-class').offset().top
        }, 'slow');
    }
});

补充说明 #

• 这种方式简单直接，适合临时引导的场景，用户从其他入口（侧边栏等）访问时，URL不会带有该查询参数，因此不会触发滚动。
• 如果需要避免用户手动输入参数触发滚动，可以结合sessionStorage：在首页点击链接时设置sessionStorage.setItem('shouldScroll', 'true')，目标页面加载时读取该值，执行后立即清除。但查询参数的方式在临时引导场景下足够实用。

内容的提问来源于stack exchange，提问作者Xanthippus480