Question

我有三个div：

＆＃13;

<div id="main">
  TEXT
</div>

<div id="secondary">
  TEXT
</div>

<div id="third">
  TEXT
</div>

＆＃13;

现在我需要添加一个简单的javascript，当在锚标记内点击时，它会顺畅滚动（使用流畅的CSS3动画）。

示例：当我点击<a href="#main">Go to bottom</a>时，它会平滑地滚动到主div。我需要在我的Wordpress上实现它。

我希望你们能提供帮助。谢谢！

Answer 1

使用Nicescroll js，我甚至在我的wordpress网站上使用它：

请点击此链接：

http://areaaperta.com/nicescroll/demo.html

Answer 2

这是你想要的

＆＃13;

        String resultString         =   "";
        try {
            byte[] buffer           =   password.getBytes();
            MessageDigest md        =   MessageDigest.getInstance("SHA-512");
            md.update(buffer);
            byte[] digest           =   md.digest();

            for(int i = 0 ; i < digest.length ; i++) {
                int b               =   digest[i] & 0xff;
                if(Integer.toHexString(b).length() == 1)
                    resultString    =   resultString + "0";
                resultString        =   resultString + Integer.toHexString(b);
            }
        } catch(NoSuchAlgorithmException e) {
            e.printStackTrace();
        }

＆＃13;

a[ id= "main" ]:target ~ #main article.panel {
    -webkit-transform: translateY( 0px);
    transform: translateY( 0px );
}

a[ id= "secondary" ]:target ~ #main article.panel {
    -webkit-transform: translateY( -500px );
    transform: translateY( -500px );
}
a[ id= "third" ]:target ~ #main article.panel {
    -webkit-transform: translateY( -1000px );
    transform: translateY( -1000px );
}

＆＃13;

在Wordpress上添加平滑的滚动JavaScript

2 个答案: