javascript - 根据页面边界位置切换列表

标签 javascript jquery css

在这里,我不知道技术上会调用什么,但会尝试解释我想要实现的场景。以下是我面临的问题的图片

当页面右边界未接触列表时,它显示如下。

enter image description here

当我从任何一侧最小化浏览器窗口时,我希望列表应该出现在页面的可见区域中,它应该改变位置,现在它正在像这样剪切列表

enter image description here

请帮助我如何更改列表的位置,因为它接触到页面的任何边界,如上、左、右、下。使用 jquery 或 css

最佳答案

将表格放入 div 中,并为 div 添加 css 规则 Overflow:auto

关于javascript - 根据页面边界位置切换列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35285360/

相关文章:

javascript - 如何在javascript中对非ascii字符进行编码?

javascript - 如何从不同的数据列表中选择值并将其一次显示在同一个文本区域框中?

javascript - JQueryUI 需要在单击的选项卡完成动画且可见后触发事件

html - 粘性 CSS 页脚损坏

css - vendor prefixes 是临时添加的还是它弥补了 css levels 之间的差距 现在和将来

javascript - 删除和读取一个元素会将另一个元素向下推,在开发工具中切换 float 会使该元素移回正确的位置

javascript - 如何在html中使用javascript动态替换隐藏值

javascript - 良好的 Javascript 模板引擎,可与 JSON 一起使用

javascript - 如何在 flexbox 和网格布局的 javascript 中获取行数和列数?

jquery - 如何在输入和标签元素内创建悬停效果