Javascript HTML jQuery平滑滚动到元素并添加类_Javascript_Jquery_Html

Javascript HTML jQuery平滑滚动到元素并添加类

javascript jquery html

Javascript HTML jQuery平滑滚动到元素并添加类,javascript,jquery,html,Javascript,Jquery,Html,我的HTML中有如下内容： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Stackoverflow help please</title> </head> <body> <br

我的HTML中有如下内容：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Stackoverflow help please</title>  
</head>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <div id="scrollhere">Scroll here!</div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

当我打开页面时：它被滚动到这个元素，但我不想平滑地滚动，并为这个元素添加类。我该怎么做？非常感谢。

尝试以下解决方案：


请帮帮忙
$（文档）.ready（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“#scrollhere”）.offset（）.top
}, 2000);
});








































































滚动这里！

Andrew发布的解决方案有效，但只适用于特定ID

<script>
    $(document).ready(function() {

      //scrolls
      var urlHash = window.location.href.split("#")[1];
      $('html,body').animate({
        scrollTop: $('#'+urlHash).offset().top}, 2000); 

      //Adds the class
      $('#'+urlHash).addClass( "myClass" );
    });
</script>


$（文档）.ready（函数（）{
//卷轴
var urlHash=window.location.href.split（“#”）[1]；
$（'html，body'）。设置动画({
scrollTop:$（'#'+urlHash）.offset（）.top}，2000）；
//添加类
$（'#'+urlHash）.addClass（“myClass”）；
});

她说，你可以解析URL中的任何div，它会滚动到该div。

你的滚动代码是什么？@JBux，我没有代码xD当我打开此代码时，它会自动滚动到我的div。有很多jQuery插件和代码片段可以这样做。帮你自己一个忙-谷歌：）哦，非常感谢，差不多，但我不需要滚动顶部：$（“#scrollhere”）.offset（）.top scrollhere，我不想从url给出它，例如，你应该将我的答案设置为有用。我需要因果报应：Dxd我只有10个代表，无法添加：(