In this custom layout, I use a topbar which is sticky when the storyriver is scrolled in the vertical plane, but not when scrolled in the horizontal plane. How to make the topbar sticky when the storyriver is scrolled in the horizontal plane ?
I’m by no means a CSS specialist, but if I remember well, a sticky toolbar div has a constant “top” CSS attribute. For the horizontal scrolling direction, shouldn’t it also have a “left” or “right” attribute?
Fred
I added this, but its not making any difference to my requirement. The topbar is already sticky for the vertical mode of storyriver. I want the topbar to be seen whenever I am scrolling in the horizontal storyriver.
Did you meant for the horizontal storyriver css or the topbar css?
Why is it positioned as sticky? AFAICT, it behaves as if it was fixed, so I propose to instaead make it so. That way it would stay fixed also when horizontal scroll.
1 Like
Some things are too obvious, but still we keep ignoring them. Thanks @twMat for pointing me in the right direction. I guess the issue is solved now.
@twMat do you have any suggestions to make regarding this issue How to reduce the gap between tiddlers in collapsed state