Question

我有完整的代码。当我点击一个单选按钮时，它会将用户重定向到网页的下一部分（即：div id =＆＃34; profiel＆＃34;）

<script>
    $("input[name='gender']").change(function(){
      window.location = "#profiel";
  });
</script>

单选按钮：

    <input type="radio" id="female" name="gender">    
    <input type="radio" id="male" name="gender">

我希望过渡到锚标记变慢。这样页面就会慢慢向下滚动。现在它立即进入#profiel部分。在我不知道自己该怎么做之前，我已经看过这个。

Answer 1

试试这个：

import org.testng.TestNG;
import org.testng.xml.Parser;
import org.testng.xml.XmlSuite;
import org.xml.sax.SAXException;
import javax.xml.parsers.ParserConfigurationException;
import java.io.IOException;
import java.util.List;

public class LeanFTest {
    public void main() throws IOException, SAXException, ParserConfigurationException {
        TestNG testNG = new TestNG();

        String xmlFileName = "testng.xml";
        List<XmlSuite> suite = (List<XmlSuite>)(new Parser(xmlFileName).parse());
        testNG.setXmlSuites(suite);

        testNG.run();
    }
}

Answer 2

你可以使用一个jquery插件名称Nicescroll 代码将是

$("input[name=gender]").change(function(){
  $('html').nicescroll()
  window.location = "#profiel";

}）;

或者，如果你想我想添加转换：1s所有轻松进入你的css正文或html样式可能会有所帮助，但我不确定这个但是nicescroll插件肯定会有效

使用window.location缓慢过渡到同一页面锚点

2 个答案: