控制页面滚动条

Question

我现在在宽度600px的屏幕中放入一个页面，总宽度是1200px(如图黑色区域)，里面填充的有内容1000px(红色区域)，内容超过一屏宽度出现滚动条。
我现在希望限制滚动条滚动到红色区域右边停止，无法滚动到蓝色叉号位置，也就是限制滚动条的滚动范围(不考虑控制黑色区域宽度)。
求教如何进行控制？

Answer 1

把你的滚动控制写在红色区域就可以了

Answer 2

屏幕外排版的意思么？
蓝色部分使用position:abusolute;right:蓝色宽溢出屏幕即可咯；父容器设置宽度，position:relative;overflow:hidden;即可咯；