如何用window.scrollTo实现打开网页跳转到DIV?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用window.scrollTo实现打开网页跳转到DIV?相关的知识,希望对你有一定的参考价值。

我想实现,打开本网页后,自动跳到<div id="demo"></div>,不是用锚链方式,那样会改变URL,用window.scrollTo怎么实现?急求大神支招

工作中的草案:

element.scrollIntoView(); // 等同于element.scrollIntoView(true) 
element.scrollIntoView(alignToTop); // Boolean型参数 
element.scrollIntoView(scrollIntoViewOptions); // Object型参数

参数

    alignToTop

    一个Boolean值:

    如果为true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。

    如果为false,元素的底端将和其所在滚动区的可视区域的底端对齐。(该元素可以是任意一个用javascript定义到的元素)

    scrollIntoViewOptions

    一个布尔值或一个带有选项的对象:


    behavior: "auto"  | "instant" | "smooth",
    block:    "start" | "end",

    如果是一个布尔值, true 相当于block: "start",false 相当于block: "end"

    上面这个题干代码可以这样写:

【代码】测试过。(请勿使用getElements不然会获取一段数组。。)

提交之后返回undefined同时页面作出反应

var Element = document.getElementById('demo');
Element//等同于scrollIntoView(true);

参考技术A

用DOM的scrollIntoView方法:

document.getElementById("demo").scrollIntoView();

本回答被提问者采纳

哪位高手知道如何用安卓编程访问指定网页(求详细代码)

android中可以用webview来加载指定网页,WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现WebView有以下两种不同的方法:
第一种方法的步骤:
1.在要Activity中实例化WebView组件:WebView webView = new WebView(this);
2.调用WebView的loadUrl()方法,设置WevView要显示的网页:
互联网用:webView.loadUrl("http://www.google.com");
本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中
3.调用Activity的setContentView( )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限,否则会出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET" />

第二种方法的步骤:
1、在布局文件中声明WebView
2、在Activity中实例化WebView
3、调用WebView的loadUrl( )方法,设置WevView要显示的网页
4、为了让WebView能够响应超链接功能,调用setWebViewClient( )方法,设置 WebView视图
5、用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面
6、需要在AndroidManifest.xml文件中添加权限,否则出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET"/>
参考技术A package yy.cn;
import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class wangluo extends Activity 
    
/** Called when the activity is first created. */
private WebView webview;

    @Override
    public void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.wangl);
        
        webview =(WebView)findViewById(R.id.web);
       
        webview.getSettings().setJavaScriptEnabled(true);//设置WebView属性,能够执行Javascript脚本
        
        webview.loadUrl("http://www.baidu.com/");//加载需要显示的网页
        
        webview.setWebViewClient(new WebViewClient()
         public boolean shouldOverrideUrlLoading(WebView view,String url)
         view.loadUrl(url);
         return true;
        
        
        );
    
    
    //设置回退
    public boolean onKeyDown(int keyCode,KeyEvent event)
     if((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) 
     webview.goBack();
     return true;
    
     return super.onKeyDown(keyCode, event);
    
    

参考技术B 这个问题好朦胧,沟通很重

以上是关于如何用window.scrollTo实现打开网页跳转到DIV?的主要内容,如果未能解决你的问题,请参考以下文章

html网页如何用localhost/ch2访问

哪位高手知道如何用安卓编程访问指定网页(求详细代码)

html页面比较长,如何用js实现网页一打开显示在网页的中部?

如何用jquery实现页面跳转

如何用jquery实现页面跳转

如何用JS判断网页中某个id的网页元素是不是存在