android webview调用js滚动到指定位置

发布于:2024-06-27 ⋅ 阅读:(21) ⋅ 点赞:(0)

一、activity

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.tencent.smtt.sdk.WebView
import com.tencent.smtt.sdk.WebViewClient

class MainActivity : AppCompatActivity() {

    private lateinit var webView: WebView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        webView = findViewById(R.id.webView)
        webView.settings.javaScriptEnabled = true // 启用JavaScript
        webView.webViewClient = object : WebViewClient() {
            override fun onPageFinished(view: WebView?, url: String?) {
                super.onPageFinished(view, url)
                // 页面加载完成后,执行JavaScript来滚动到指定的div
                scrollToDiv("targetDiv")
            }
        }

        webView.loadUrl("https://www.example.com")
    }

    private fun scrollToDiv(divId: String) {
        // 执行JavaScript,滚动到指定的div
        webView.evaluateJavascript("document.getElementById('$divId').scrollIntoView();", null)
    }
}

二、XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.tencent.smtt.sdk.WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>