在android中，js 无法定位 html页面的某元素

Question

我app里有一个html页面，我想在这个页面上实现这么一个功能；

当我点击某个按钮，页面定位到某个div；

我在浏览器测试时是有效的，但是放在app里却没有反应。

`$(document).ready(function () {
    $("#btnAgreement").click(function () {
        alert("1111");
        location.href = "#div1";
    });
    $("#btnClause").click(function () {
        location.href = "#div2";
    });
});`
    

alert方法已执行！

以下这是我java代码

    WebView webView = (WebView) findViewById(R.id.wvView);
            WebSettings webSettings = webView.getSettings();
            webSettings.setUseWideViewPort(true);
            webSettings.setLoadWithOverviewMode(true);
            webSettings.setJavaScriptEnabled(true);
            webView.setWebChromeClient(new WebChromeClient(){
                @Override
                public boolean onJsAlert(WebView view, String url, String message,JsResult result){
                    return super.onJsAlert(view, url, message, result);
                }
            });
            webView.loadUrl("file:///android_asset/www/Agreement.html");

会不会还需要设置什么属性？

Answer 1

问题解决了！各位前辈的代码都没有问题，问题出在我这边android的布局上；

我贴上代码给各位看看；

    <!--<ScrollView-->
        <!--xmlns:android="http://schemas.android.com/apk/res/android"-->
        <!--xmlns:tools="http://schemas.android.com/tools"-->
        <!--android:layout_width="fill_parent"-->
        <!--android:layout_height="fill_parent"-->
        <!--android:scrollbars="vertical"-->
        <!--android:fadingEdge="vertical">-->

        <WebView
            android:id="@+id/wvView"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </WebView>

    <!--</ScrollView>-->

都是这个 <ScrollView> 在搞事情！我刚才注意到这个控件，然后注释掉再运行一遍，发现纠结那么久的问题就好了。真不是道是该哭还是该笑。

再次 拜谢 各位前辈的 无私帮助 ；好人一生平安！

Answer 2

直接用a标签

<a id="btnAgreement" href="#div1">btnAgreement</a>

Answer 3

不知道楼主你这需求是不是锚点的功能？你可以试试看有没有达到你的需求

Answer 4

$(document).ready(function () {
    $("#btnAgreement").click(function () {   
        $('body').scrollTop($('#div1').offset().top);
    });
});

Answer 5

直接在标签中加锚点就好了<a href="#div1" id="#btnAgreement">