当Div id刚刚显示在屏幕上时滚动页面id：无显示：block

我有一个html页面的登录和主页。我有登录用户的条件。例如当他/她使用临时密码登录时，重定向页面的url将为home.html?change=yes#focuschange然后在我的主页上当url change == "yes"时，它将隐藏其他div id（home-wrapper）。然后显示focuschange div ID。并应滚动到所述div ID。但是在加载主页时，它只是隐藏其他div，并显示focuschange div，但不显示滚动。它只显示在底部。当我重新加载页面时，它现在将按照我的意愿滚动。这是为什么？我尝试使用scrollIntoView()和animate scrollTop但同样的问题。当Div id刚刚显示在屏幕上时滚动页面id：无显示：block

我的HTML的结构是这样的：

<div class="page-content"> 
    <div class="content-block"> 
     <div id="home-wrapper"></div> //this will hide upon page load (by default it will show) 
     <div id="profile-wrapper"> // this will show upon page load (by default it will hide) 
      <div id="info"></div> 
      <div id="focuschange"> 
       <form></form> 
      </div> 
     </div> 
    </div> 
</div>

而且这是在主页上我的jQuery函数：

function GetURLParameter(sParam){ 
       var sPageURL = window.location.search.substring(1); 
       var sURLVariables = sPageURL.split('&'); 
       for (var i = 0; i < sURLVariables.length; i++) 
       { 
        var sParameterName = sURLVariables[i].split('='); 
        if (sParameterName[0] == sParam) 
        { 
         return sParameterName[1]; 
        } 
       } 

      } 

      var urlvar = GetURLParameter('change'); 
      if (urlvar == 'yes'){ 

       $('#home-wrapper').hide(); 
       $('#profile-wrapper').show(); 

       setTimeout(function(){ 
       $("#newpass").focus(); 
       }, 200); 
      }

有滚动DIV ID的问题时，它只是显示在加载页面？

在这种情况下应该采取什么方法？

来源

2016-07-27 c.k

我可能会误解你的问题是什么，但它看起来像你试图使用“锚”与哈希以实现平滑滚动。是这样吗？ – Piercey4

@ Piercey4是的，我只是想将页面滚动到我的网址上的ID，这是'＃focuschange' –

你可能想改变你的那一行;

var urlvar = GetURLParameter('changepassword');

到

var urlvar = GetURLParameter('change');

来源

2016-07-27 03:19:15 Lala

对不起，我复制了错误的变量。我更新了我的帖子。 –

既然你已经使用jQuery你可以使用jQuery来进行滚动。

这是一个css-tricks链接，它完全自动链接点击。 https://css-tricks.com/snippets/jquery/smooth-scrolling/

如果你需要的是这样的事情发生在页面加载，那么你可以这样做：

$('html, body').animate({ 
    scrollTop: $('#focuschange').offset().top 
}, 1000);

来源

2016-07-27 03:33:17 Piercey4

我已经试过了，它只在我重新载入页面时才起作用。我想这也许是因为它只显示了之前隐藏的div ID？你怎么看？ –

您是否将滚动部分包装在$（document）.ready（function（）{}）？它似乎是您试图滚动到一个尚未在DOM中的元素... – user1555320

当Div id刚刚显示在屏幕上时滚动页面id：无显示：block

回答

相关问题