Javascript 从当前位置向下滚动

Javascript 从当前位置向下滚动,javascript,Javascript,所以我有了这个svg地图,我命名了所有的街道并跳转到屏幕上的街道位置,只是把#streetname放在url后面。都很直截了当 但是,这会将搜索的街道放在屏幕的左上角。因此,我搜索了一些解决方案,发现如下: function scrolldown() { document.documentElement.scrollTop = document.documentElement.scrollTop - 100; document.documentElement.scrollL

所以我有了这个svg地图,我命名了所有的街道并跳转到屏幕上的街道位置,只是把#streetname放在url后面。都很直截了当

但是,这会将搜索的街道放在屏幕的左上角。因此,我搜索了一些解决方案,发现如下:

function scrolldown() {
     document.documentElement.scrollTop = document.documentElement.scrollTop  - 100;
     document.documentElement.scrollLeft = document.documentElement.scrollLeft  + 170;
 }
然而,这带来了两个问题:

  • 它没有响应,我基本上希望它向下滚动到屏幕宽度的左半部分,所以当屏幕缩小时,它需要向下滚动到左半部分
  • 我已经把这个地图放在另一个页面上的一个iframe中,上面的方法在iframe中向下滚动地图,但是所有这些都是iframe所在页面的整个页面。我试着替换文件。有以下几点是没有结果的

    function scrolldown() {
     var elmnt = document.getElementsByTagName("iframe");
     var ypos = elmnt.documentElement.scrollTop / 2;
     var xpos = elmnt.documentElement.scrollLeft / 2;
     elmnt.documentElement.scrollTop = elmnt.documentElement.scrollTop  - ypos;
     elmnt.documentElement.scrollLeft = elmnt.documentElement.scrollLeft  - xpos;}
    
  • 上面的代码什么也不做

    我的基本html布局如下

    <head>
    <body onload="scrolldown()" />
    </head>
    <body>
    <svg>
    
    </svg>
    <script>
    function scrolldown() {
     var elmnt = document.getElementsByTagName("iframe");
     var ypos = elmnt.documentElement.scrollTop / 2;
     var xpos = elmnt.documentElement.scrollLeft / 2;
     elmnt.documentElement.scrollTop = elmnt.documentElement.scrollTop  - ypos;
     elmnt.documentElement.scrollLeft = elmnt.documentElement.scrollLeft  - xpos;}
    </script>
    </body>
    
    
    函数scrolldown(){
    var elmnt=document.getElementsByTagName(“iframe”);
    var ypos=elmnt.documentElement.scrollTop/2;
    var xpos=elmnt.documentElement.scrollLeft/2;
    elmnt.documentElement.scrollTop=elmnt.documentElement.scrollTop-ypos;
    elmnt.documentElement.scrollLeft=elmnt.documentElement.scrollLeft-xpos;}
    
    此html页面使用iframe加载到主页中

    <iframe src="map.php">
    
    
    


    解决方案可能非常简单,但我不是javascript的最佳选择

    如果要滚动iframe的内容文档,需要访问
    elmnt.contentDocument.documentElement.scrollTop
    @NiettheDarkAbsol,我不想从parrent页面滚动iframe,我想从iframe内滚动iframe,它只影响该iframe