javascript - ScrollTop 函数随屏幕宽度变化

Question

嗨，有人可以帮助我的脚本。这段代码在 javascript 中运行良好：

    $("a[href='#tabs-11']").click(function() {     
    $("html, body").animate({ scrollTop: 620 }, "slow");    
    return false;   
    });          

但是现在我需要在使用此脚本调整屏幕大小但不起作用时执行不同的滚动高度：

    $("a[href='#tabs-11']").click(function() {
    $("html, body").animate({ scrollTop: 620 }, "slow");
    if (window.innerWidth < 700) { 
        $("html, body").animate({ scrollTop: 620 }, "slow");
        return false;
    }
    });

标签： javascriptscrolltop

Answer 1

试试看：

$("a[href='#tabs-11']").click(function(e) {
    e.preventDefault();
    if (window.innerWidth < 700) {
      $("html, body").animate({ scrollTop: 20 }, "slow");
      return false;
    } else {
      $("html, body").animate({ scrollTop: 1600 }, "slow");
    }
  });

您可以将 20 或 1600 更改为任何需要的值。