Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何仅使用javascript实现css div弹出式滚动?_Javascript_Scroll_Popup - Fatal编程技术网

如何仅使用javascript实现css div弹出式滚动?

如何仅使用javascript实现css div弹出式滚动?,javascript,scroll,popup,Javascript,Scroll,Popup,我想在带有ok/close按钮的内联弹出窗口中显示一些文本 我实现并进行了位修改,但有时文本的行太多,因此我需要可滚动的窗口 我只想使用javascript。没有框架也没有库。您应该能够通过css实现这一点 对于默认样式,它将如下所示: #alertBox p { font:0.7em verdana,arial; height:50px; padding-left:5px; margin-left:55px; overflow:auto; } 举个例子

我想在带有ok/close按钮的内联弹出窗口中显示一些文本

我实现并进行了位修改,但有时文本的行太多,因此我需要可滚动的窗口


我只想使用javascript。没有框架也没有库。

您应该能够通过css实现这一点

对于默认样式,它将如下所示:

#alertBox p {
    font:0.7em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-left:55px;
    overflow:auto;
}
举个例子

同样正如卡萨布兰卡所指出的,如果您想要分配一个特定的类,您可以修改javascript以使用它

msg.className = 'messageBox';
然后是你自己的css

.messageBox{
  overflow:auto;
}

您应该能够通过css实现这一点

对于默认样式,它将如下所示:

#alertBox p {
    font:0.7em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-left:55px;
    overflow:auto;
}
举个例子

同样正如卡萨布兰卡所指出的,如果您想要分配一个特定的类,您可以修改javascript以使用它

msg.className = 'messageBox';
然后是你自己的css

.messageBox{
  overflow:auto;
}

只需完成回答:在OP链接到的代码中,有一个
msg
元素显示文本,因此执行
msg.className='someDiv'
将该元素与上述CSS链接。感谢您的帮助,用您的注释更新了答案。再次感谢!谢谢你们。正是我想要的。还有一个问题,还是我应该为这个问题创建新的问题?如何使窗口通过鼠标移动?只需完成回答:在OP链接的代码中,有一个
msg
元素显示文本,因此执行
msg.className='someDiv'
将该元素与上述CSS链接。感谢您的帮助,用您的注释更新了答案。再次感谢!谢谢你们。正是我想要的。还有一个问题,还是我应该为这个问题创建新的问题?如何通过鼠标移动窗口?