title: iOS fixed width ScrollView
body: <p>I want to achieve the following with auto layout.</p>
  
  <pre><code>---------------------
  |                   |
  |                   |
  |                   |
  |    ScrollView     |
  |                   |
  |                   | 
  |                   |
  |                   | 
  ---------------------
  |                   |
  |     Content       |
  |                   |
  ---------------------
  </code></pre>
  
  <p>The <code>ScrollView</code> has a width equal to the screen size and the content inside the <code>ScrollView</code> extends the screen. I do not want the user to be able to scroll horizontally. </p>
  
  <p>I have tried </p>
  
  <ol>
  <li><p>Put a <code>View</code> inside of the <code>ScrollView</code> and set both of them to have leading, trailing, top, and bottom constraints to 0. Then I try to dynamically set the width of the Content and <code>ScrollView</code> to the ScreenSize.</p></li>
  <li><p>Simply surround my page's content in a <code>ScrollView</code> set it to have leading, trailing, top, and bottom constraints to 0. Then I try to dynamically set the width of the <code>ScrollView</code> to the ScreenSize.</p></li>
  </ol>
  
  <p>Both of the following result in something like this...</p>
  
  <p><img src="https://i.stack.imgur.com/x2xaH.png" alt="enter image description here"></p>
  
  <p>Notice how everything is centered horizontally like I have set it up to be, yet the horizontal scrollbar is present and you can scroll into a blank screen.</p>