Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

dialog控件无法滚动 #29

Open
scgy5555 opened this issue Jan 14, 2016 · 5 comments
Open

dialog控件无法滚动 #29

scgy5555 opened this issue Jan 14, 2016 · 5 comments

Comments

@scgy5555
Copy link

dialog控件遇到过长内容时无法滚动。
经验证是在结构上与modal脱离了,导致没有一个可提供滚动的外层
内部通过继承vue-popup实现的,也不好扩展

@scgy5555
Copy link
Author

scgy5555 commented Mar 8, 2016

这个问题还有解吗?不行把vue-popup当做组件写到项目里也可以啊,用npm包完全没法修改啊

@furybean
Copy link
Contributor

furybean commented Mar 8, 2016

可以这么解决:

<d-dialog title="title" width="800">
    <div style="height: 400px; overflow: auto;">
    </div>
</div>

@scgy5555
Copy link
Author

scgy5555 commented Mar 8, 2016

我的天,你这是在质疑我的智商吗。。
可以这么应付,不能这么解决,真的是结构问题,去看看bootstrap怎么写的

@furybean
Copy link
Contributor

furybean commented Mar 8, 2016

我好像理解错了。
你指的是后面的 modal 出来之后,如果过长,body 可以滚动?

@scgy5555
Copy link
Author

scgy5555 commented Mar 9, 2016

是的,原谅我表达能力有限,让你两个月后才知道我在说什么

很多时候是不希望跟同时滚动的,所以人们做了一个modal外层承载dialog

bootstrap的做法非常简单

  1. 停止body的滚动(增加overflow: hidden)
  2. 创建modal元素(modal的overflow-y: auto)
  3. 把dialog放进去

而目前问题在于你们的dialog插件是继承了vue-popup这个根本没有托管在github的npm组件
其中的实现是dialog和modal同层,导致model出来之后如果过长,body无法滚动
解决方案很简单,把dialog创建到modal之中

  1. 因为vue-popup没有托管在github没法提交修改
  2. 我不想抄个vue-popup到组件,等你一更新没法维护了(实际上感觉更新还是很勤的)

是不是再截个图,你才能看的懂我说的是什么?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants