Javascript HTML

标签模式在打开时滚动到底部

document.getElementById("openDialog").addEventListener("click", () => document.getElementById("modal").showModal());

document.getElementById("closeDialog").addEventListener("click", () => document.getElementById("modal").close());

<button id="openDialog">Open</button>
<dialog id='modal'>
  <h1>Hello world 1</h1>
  <h1>Hello world 2</h1>
  <h1>Hello world 3</h1>
  <h1>Hello world 4</h1>
  <h1>Hello world 5</h1>
  <h1>Hello world 6</h1>
  <h1>Hello world 7</h1>
  <h1>Hello world 8</h1>
  <h1>Hello world 9</h1>
  <h1>Hello world 10</h1>
  <button id="closeDialog">Close</button>
</dialog>

document.getElementById("openDialog").addEventListener("click", () => document.getElementById("modal").showModal());

document.getElementById("closeDialog").addEventListener("click", () => document.getElementById("modal").close());

<button id="openDialog">Open</button>
<dialog id='modal'>
  <h1>Hello world 1</h1>
  <h1>Hello world 2</h1>
  <h1>Hello world 3</h1>
  <h1>Hello world 4</h1>
  <h1>Hello world 5</h1>
  <h1>Hello world 6</h1>
  <h1>Hello world 7</h1>
  <h1>Hello world 8</h1>
  <h1>Hello world 9</h1>
  <h1>Hello world 10</h1>
  <a id="closeDialog">Close</button>
</dialog>

Javascript相关问答推荐

阻止iOS浏览器在传输摄像机视频时启用全屏摄像机模式

JavaScript Date对象在UTC中设置为午夜时显示不正确的日期

如何通过在提交时工作的函数显示dom元素？

Chrome是否忽略WebAuthentication userVerification设置？""

使用javascript将Plotly Expandable Sparkline转换为HighCharter Plot在bslib卡中

将2D数组转换为图形

如何使用JavaScript将文本插入空div

html + java script！需要帮助来了解为什么我得到(无效的用户名或密码)

获取Uint8ClampedArray中像素数组的宽度/高度

我在Django中的视图中遇到多值键错误

更改预请求脚本中重用的JSON主体变量- Postman

如何在箭头函数中引入or子句？

Nextjs 13.4 Next-Auth 4.2登录(&Quot；凭据&，{})；不工作

将对象推送到数组会导致复制

使用Ace编辑器对子组件实例的native-element 进行Angular 获取时面临的问题

FireBase云函数-函数外部的ENV变量

当从其他文件创建类实例时，为什么工作线程不工作？

如何使用Astro优化大图像？

不协调嵌入图片

select 2-删除js插入的项目将其保留为选项