可滚动的div,在出现的滚动条上跳转内容(!不!html或正文)(并且只有css)

时间:2018-05-18 09:59:04

标签: html css scrollbar

我在可滚动div中跳转内容时遇到问题(overflow-y:auto)。 问题不在于如何解决所有“解决方案”指向的页面html或body元素。我需要一个带有动态内容的可滚动div。滚动条也不应始终可见(因此溢出-y:滚动是不可接受的)。而且这必须是仅使用css的修复程序。 我有一个小提琴:

[http://jsfiddle.net/4n1au2Ly/][1]

您可以垂直缩小输出面板以查看显示的滚动条和移动内容。那么,如何解决这个问题呢?非常感谢你:))

2 个答案:

答案 0 :(得分:0)

我根本不理解问题,但overflow-y: auto;可以解决您的问题吗?

答案 1 :(得分:0)

仅CSS不解决此问题的方法根本不存在。您必须依靠JavaScript来实现这一目标。要使用JavaScript做到这一点:

  1. 收听页面加载(DOMContentLoaded)和resize事件。
  2. 以绝对像素设置div的宽度。
  3. 每当触发上述事件时,请重新计算div的宽度并将其设置为父级宽度,并减去滚动条的合理默认值,例如20px。