Hide scrollers while leaving scrolling itself enabled in NSScrollView

Question

I'd like to hide the NSScrollers of NSScrollView. I'm aware of the methods setHasHorizontalScroller: and setHasVerticalScroller:. However, if I disable the scrollers, scrolling in that direction gets disabled as well. I'd like to only hide the scrollers while maintaining the possibility to scroll. Any thoughts on this?

score 12 · Answer 1 · answered Jul 10 '13 at 14:18

12

I was able to do this by doing:

[labelsScrollView setHasHorizontalScroller:YES];
[[labelsScrollView horizontalScroller] setAlphaValue:0];

answered Jul 10 '13 at 14:18

Mark Bao

896
1
10
19

3

Thanks, this is still working on macOS 10.13.4 with Swift. I did need to set the `.scrollerStyle` to `.overlay` for it to work though. For some reason with `.legacy` the "background" of the scrollbar is still drawn. – Austin Apr 21 '18 at 21:31
1

Scroller is not visible, but still can receive touches :0 – Vlad Jun 07 '18 at 07:00

score 8 · Answer 2 · edited Nov 02 '21 at 19:31

The trick of setting alphaValue to zero has issue as invisible scroller still receives touches. Here is what we did in order to solve this (Swift 4).

class InvisibleScroller: NSScroller {

   override class var isCompatibleWithOverlayScrollers: Bool {
      return true
   }

   override class func scrollerWidth(for controlSize: NSControl.ControlSize, scrollerStyle: NSScroller.Style) -> CGFloat {
      return CGFloat.leastNormalMagnitude // Dimension of scroller is equal to `FLT_MIN`
   }

   public override init(frame frameRect: NSRect) {
      super.init(frame: frameRect)
      setupUI()
   }

   required init?(coder: NSCoder) {
      super.init(coder: coder)
      setupUI()
   }

   private func setupUI() {
      // Below assignments not really needed, but why not.
      scrollerStyle = .overlay
      alphaValue = 0
   }
}

Usage:

private class TabBarScrollView: NSScrollView {

   private func setupUI() {

      borderType = .noBorder
      backgroundColor = .clear
      drawsBackground = false

      horizontalScrollElasticity = .none
      verticalScrollElasticity = .none

      automaticallyAdjustsContentInsets = false
      horizontalScroller = InvisibleScroller()
   }
}

score 2 · Answer 3 · edited Feb 11 '21 at 11:18

2

if collectionView.enclosingScrollView?.hasHorizontalScroller == true {
  collectionView.enclosingScrollView?.horizontalScroller?.scrollerStyle = .overlay
  collectionView.enclosingScrollView?.horizontalScroller?.alphaValue = 0.0
} else {
  print("horizontalScroller")
}

Make sure horizontal scroller is selected:

edited Feb 11 '21 at 11:18

aturan23

4,798
4
28
52

answered Aug 02 '18 at 10:21

Ashish

2,977
1
14
32

score 1 · Answer 4 · answered Mar 26 '16 at 17:18

I'm looking for an answer to this as well since setting hasVerticalScroller = false disables trackpad scrolling for me. In the meantime, my horrible hack is to use the following in my NSScrollView subclass:

self.hasVerticalScroller = true
self.scrollerInsets.right = -999999

The scroller is technically visible, it is just way off the edge of the view. :(

0xDE4E15B · Answer 5 · 2012-02-20T17:55:23.043

0

Have you checked the NSScrollView Class Reference ?

[scrollView setHasVerticalScroller:NO];

this method doesn't disable scrolling.

If you still do not want to use that method you can also:

[scrollView setHorizontalScroller:nil];

edited Feb 20 '12 at 17:55

answered Feb 20 '12 at 17:37

0xDE4E15B

1,284
1
11
25

my English ( Thank you, rokjarc. – 0xDE4E15B Feb 20 '12 at 17:54
3

Doesn't work. Setting either of these actions results in a scroll view that no longer responds to scroll events for that direction. – ipmcc May 12 '13 at 19:57

score -1 · Answer 6 · answered Aug 31 '17 at 02:49

-1

This is my solution from sam's answer above:

[myNSScrollView setHasVerticalScroller:YES];
[_myNSScrollView setScrollerInsets:NSEdgeInsetsMake(0, 0, 0, -99999)];

The scroller will be hidden even during the scrolling process.

answered Aug 31 '17 at 02:49

Bo Yuan

39
1
4

Hide scrollers while leaving scrolling itself enabled in NSScrollView

6 Answers6

Linked