如何使此模态可滚动？

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/

点击条款和条件 link。

，如果您想查看整个内容（在 'leave a review' 部分），这是实时版本

http://bodyondemand.co.uk

非常感谢您帮助使模态可滚动！

Answer 1

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

这是您需要更新的地方，

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

你没有给我们正常工作 fiddle 它有一些问题，我让它工作基于假设。这是要测试的更新 fiddle，https://jsfiddle.net/jxy3fx0x/8/

如何使此模态可滚动？

How to make this Modal scrollable?

jquery

sass

modal-dialog

scrollable