Opened 3 years ago

Closed 3 years ago

Last modified 3 years ago

#3859 closed change (fixed)

Scroll to top if top bar is tapped

Reported by: mario Assignee:
Priority: P3 Milestone: Adblock-Browser-for-iOS-1.4.0
Module: Adblock-Browser-for-iOS Keywords: salsita
Cc: Blocked By:
Blocking: Platform: Adblock Browser for iOS
Ready: yes Confidential: no
Tester: Scheer Verified working: yes
Review URL(s):

Description (last modified by scheer)

Background

We have received multiple feature requests to provide the possibility to scroll to the top of opened pages by clicking the top bar (i.e. the iOS bar containing signal/time/battery status). This provides an easy way for users to scroll to the top of pages without the need to manually swipe all the way up.

What to change

While a website is shown in the currently opened tab:

  • If the top bar is tapped (while ABB's URL bar and menu bar are shown), scroll to the top of the page as shown in this screenshot.
  • If the top bar is tapped (while ABB's URL bar and menu bar are not shown), animate in ABB's URL bar and menu bar as shown in this screenshot (without scrolling to the top of the page).

Animations

  • Please use the build in default animation for animating in the URL bar and menu bar.
  • Please use a smooth (easing in and easing out) scrolling animation (500ms) for scrolling to the top of the page.

Remark for tester

To reproduce and compare the animations of showing the URL bar and menu bar please follow these steps:

  1. Open ABB and browse to adblockplus.org
  2. Scroll down until the URL bar and menu bar disappear
  3. Scroll slightly up

=> The URL bar and menu bar animate in.

Attachments (2)

top_bar-scroll_up.PNG (217.4 KB) - added by mario 3 years ago.
top_bar-show_url_bar.PNG (520.4 KB) - added by mario 3 years ago.

Download all attachments as: .zip

Change History (10)

Changed 3 years ago by mario

Changed 3 years ago by mario

comment:1 Changed 3 years ago by mario

  • Description modified (diff)

comment:2 Changed 3 years ago by mario

  • Description modified (diff)

comment:3 Changed 3 years ago by mario

  • Description modified (diff)

comment:4 Changed 3 years ago by mario

  • Description modified (diff)
  • Priority changed from Unknown to P3
  • Ready set

comment:5 Changed 3 years ago by jand

  • Resolution set to fixed
  • Status changed from new to closed

comment:6 Changed 3 years ago by pavelz

  • Milestone set to Adblock-Browser-for-iOS-next

comment:7 Changed 3 years ago by mario

  • Description modified (diff)

comment:8 Changed 3 years ago by scheer

  • Description modified (diff)
  • Tester changed from Unknown to Scheer
  • Verified working set

If the top bar is tapped (while ABB's URL bar and menu bar are shown), the page scrolls to the top.

If the top bar is tapped (while ABB's URL bar and menu bar are not shown), the URL bar and Menu bar are animated in. The user must then tap the top bar again for the page to scroll to the top (as per option one above).

ABB 1.4.0 (996)
iPhone 6s Plus
iOS 9.3.1

Note: See TracTickets for help on using tickets.