javascript - 使用 location.reload() 后滚动到特定的 div

标签 javascript php jquery html css

我有一个 JQuery 函数,我想重新加载我的网页,然后将它滚动到特定的 div。

这是我做的

$(document).ready(function() {
  $('#mybutton').click(function(e) {
    location.reload();
    $('html, body').animate({
      scrollTop: $("#myID").offset().top
    }, 1000);
  })
})

当我运行我的脚本时,我的页面可以很好地重新加载,但是滚动脚本不会像我想要的那样运行。

请帮忙

最佳答案

我想我们可以使用 cookie 使其按我们希望的方式工作。我正在添加一个小示例代码。请查看。如果您需要更多帮助,请发表评论。如果这解决了您的问题,请投票这作为答案将不胜感激.. 谢谢

$(document).ready(function() {


  $('#mybutton').click(function(e) {

      //$.cookie("reload", 1);  // you can use this type of cookie if u have a jquery cookie plugin how ever i have added both type ..

      document.cookie=1; // I know this is the absurd way to use cookies. just thought of solving your problem. if you need precise result then either use a jquery cookie plugin or use setCookie function.
      reload=true;
    location.reload();


  })
  console.log(document.cookie);
  if(document.cookie==1) //if($.cookie("reload")==1)
  {
      document.cookie="0";
      console.log(document.cookie);
  $('html, body').animate({
      scrollTop: $("#myID").offset().top
    }, 1000);
  //$.cookie("reload", 0);
  }
})

关于javascript - 使用 location.reload() 后滚动到特定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37881620/

相关文章:

php - 如何使用 WHERE = 'all' 编写 SQL 查询?

php - 如何检查 MySQL 表中是否存在值

javascript - jQuery 多级选择器不起作用,但 .children 起作用

php - 在以下场景中如何使复选框正常工作?

javascript - Highcharts 柱系列 : Centering categorized x-axis labels

javascript - Alfresco Action - 使用 Action 将文件转换为 PDF

javascript - 在 div 中并排对齐 block

php - 使用 PHP 连接到位于不同服务器上的 Oracle 数据库

Jquery Mouseenter/Mouse Leave 图像交换

javascript - Bootstrap 下拉菜单仅下降一次