質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Q&A

解決済

1回答

6822閲覧

ScrollViewのスクロール位置を調整したい

label8

総合スコア16

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

1グッド

2クリップ

投稿2018/01/15 09:52

編集2018/01/15 14:59

下記添付画像の①を実現させたいと思っています。
(Airbnbの宿泊先詳細画面のヘッダー部分みたいな感じ)

イメージ説明

コンテンツの階層

View Controller   ∟View     ∟Scroll View       ∟Content View         ∟Image View

Storyboard上でViewControllerの「Adjust Scroll View Insets」を外して画面表示させたときは期待通りになるのですが、pullすると③のように、ContentInset.top分スクロール位置がずれてしまいます。

これを常に①の状態に戻したい場合どのような実装or調整が必要になりますでしょうか?

お分かりになる肩がいらっしゃいましたらご教授いただけると助かります。

shuntar30👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

自己解決しました。

エミュレーターを試しにiPhone6s(iOS10.2)に変更したところ期待通りの動作になりました。
ただしiOS11以上のエミュレーターを使うとやはりダメでした。

いろいろ調べてみると、iOS11からUIScrollViewにcontentInsetAdjustmentBehaviorというプロパティが追加されており、この値がautomaticだと自動でcontentInsetsが調整されます(ステータスバーとナビゲーションバーの高さ合計)

なのでプロパティの値をneverに変更してあげればiOS11でも期待通りの動作を実現できました。

最終的なコード

swift

1@IBOutlet weak var scrollView: UIScrollView! 2 3override func viewDidLoad() { 4 super.viewDidLoad() 5 6 let navBar = self.navigationController?.navigationBar 7 navBar?.setBackgroundImage(UIImage(), for: UIBarMetrics.default) 8 navBar?.shadowImage = UIImage() 9 10 scrollView.delegate = self 11 12 if #available(iOS 11.0, *) { 13 scrollView.contentInsetAdjustmentBehavior = .never 14 } 15}

投稿2018/01/16 04:36

label8

総合スコア16

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問