Javascript 如何在动态视图端口上向下和向上滚动

Javascript 如何在动态视图端口上向下和向上滚动,javascript,jquery,css,Javascript,Jquery,Css,我正在尝试制作一个包含两个部分的响应页面: 地图视图 表视图 这两个视图(表和地图分区必须是响应的-没有硬编码的高度),因此地图分区大小将从视口自动调整。正如你所看到的,我把它硬编码了。我怎样才能修好它 还有两个按钮控件,如“gomap”和“gotable”,我可以将gomap定位在第二个div(表)上,但添加第一个控件时未成功 <!DOCTYPE html> <html> <head></head> <body> <d

我正在尝试制作一个包含两个部分的响应页面:

  • 地图视图
  • 表视图
  • 这两个视图(表和地图分区必须是响应的-没有硬编码的高度),因此地图分区大小将从视口自动调整。正如你所看到的,我把它硬编码了。我怎样才能修好它

    还有两个按钮控件,如
    “gomap”
    “gotable”
    ,我可以将gomap定位在第二个div(表)上,但添加第一个控件时未成功

    <!DOCTYPE html>
    <html>
     <head></head>
     <body>
       <div id="map"></div>
       <div id="table"></div>
     </body>
    </html> 
    
    
    
    那是什么?设置
    position:absolute
    允许您将高度设置为百分比。您的按钮没有淡入,因为另一个按钮同时将“滚动到”设置为“淡入”