Question

大家好，我一直在努力研究如何使这个模态可滚动。我已经尝试了与我的问题类似的所有内容。我希望它包含我希望用户滚动的条款和条件。

            <div id="modal-container">
                <div class="modal-background">
                    <div class="modal" style="overflow:scroll;">
                        <div class="termsandconditions">

                        <h3>Terms of Use</h3>
                        <p>By subscribing you are willing to...</p>
                        <p>...</p>

                        </div>
                    </div>
                </div>
            </div>

这是确切的代码https://jsfiddle.net/hghazni/jxy3fx0x/1/

如果你想点击条款和条件链接，那么这就是现场版本（在＃39;留下评论＆＃39;部分）。

http://bodyondemand.co.uk

我很欣赏它使模态可滚动的任何帮助！

Answer 1

要滚动内容，您需要为<div class="modal">元素设置高度。您已设置overflow:scroll这还不够，

这是您需要更新的地方，

 $('#modal-container').removeAttr('class').addClass(buttonId).find('.modal').height($(window).outerHeight(true));

你没有给我们正确的工作小提琴，它有一些问题，我根据假设让它工作。这是更新的小提琴，https://jsfiddle.net/jxy3fx0x/8/

如何使这个Modal可滚动？

1 个答案: