# How to prevent signup button from disappearing on scroll down?

**URL:** https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359
**Category:** Development
**Created:** [2016 年 4 月 27 日午後 11:59 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359 "2016-04-27T23:59:32Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [2016 年 4 月 27 日午後 11:59 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/1 "2016-04-27T23:59:32Z")

</div>

Currently, the sign up button for logged out users only shows on the header when the user is at the top of the page (in a topic).

![](https://global.discourse-cdn.com/meta/optimized/3X/a/3/a32fc1607ebb9cacd473b33213e5600f1cb13316_2_690x54.png)

But when the user scrolls down, the sign up button is removed.

![](https://global.discourse-cdn.com/meta/optimized/3X/c/8/c8bf8049209f0862bb62f1c0e1399017b01091c2_2_690x42.png)

Firstly, I don’t really understand why this is desirable. Why make someone scroll back to the top just to press a button that isn’t taking up significant real estate anyways? Also, why hide the sign up button and not the log in button?

I personally think the sign up button should just stay where it is and not disappear.

How would one go about doing this?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2016 年 4 月 28 日午前 12:35 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/2 "2016-04-28T00:35:08Z")

</div>

> [@stevenpslade](#):
>
> isn’t taking up significant real estate anyways?

Perhaps not with a short topic title such as “Discourse Version 1.6”

But for longer topic titles it would force the “more” ellipsis to happen sooner

 ![](https://global.discourse-cdn.com/meta/original/3X/9/4/94d6c2577d4b867f6b868407168ce042e6b2cd22.gif)

---

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [2016 年 4 月 28 日午前 1:30 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/3 "2016-04-28T01:30:03Z")

</div>

With that logic, why not remove the log in button to fit in a few more characters? I just think the trade off of having one single button appear and disappear on scroll to accommodate a single word is not worth it. Also, if a title is too long and getting the “more” ellipsis, the few characters that are gained from removing the sign up button will likely not make or break the context of the question. Lastly, it just looks silly/buggy when the topic title is short.

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [2016 年 4 月 28 日午後 3:03 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/4 "2016-04-28T15:03:26Z")

</div>

We need a call to action for new users who are linked directly to a post that is not at the top.

---

<div class="post-metadata">

### Author: ![stevenpslade](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevenpslade/32/53550_2.png) [@stevenpslade](https://meta.discourse.org/u/stevenpslade)
#### Post date: [2016 年 4 月 28 日午後 4:07 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/5 "2016-04-28T16:07:34Z")

</div>

That’s one solution! I really have a hard time understanding why it is not just best to keep it on top though. Again, the log in button doesn’t go anywhere. I think a user would expect that the sign up button stays where they originally saw it. It’s hard enough signing up users without a teleporting sign up button 😓

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2016 年 4 月 28 日午後 5:28 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/6 "2016-04-28T17:28:06Z")

</div>

The Log In modal does have a toggle for the Create New

But I guess it might not be clear to some that the one button can perform both.

---

<div class="post-metadata">

### Author: ![jenny1](https://avatars.discourse-cdn.com/v4/letter/j/cdc98d/32.png) [@jenny1](https://meta.discourse.org/u/jenny1)
#### Post date: [2024 年 10 月 12 日午前 9:46 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/7 "2024-10-12T09:46:17Z")

</div>

> [@Is it possible to have the "Sign Up" button persist during scroll, rather than the "Log In" one?](https://meta.discourse.org/t/is-it-possible-to-have-the-sign-up-button-persist-during-scroll-rather-than-the-log-in-one/118116/2):
>
> Not sure if bumping is okay, but anybody happen to know if the above is possible?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2024 年 10 月 12 日午前 9:54 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/8 "2024-10-12T09:54:32Z")

</div>

同じ最終的な問題に対する別のアプローチとして、これを使用することを検討してみてはいかがでしょうか？

> [@Guest Gate Theme Component](https://meta.discourse.org/t/guest-gate-theme-component/225107):
>
> Hello wave This theme component is created from [Guest Gate (Sign Up Popup Plugin)](https://meta.discourse.org/t/guest-gate-sign-up-popup-plugin/56625/). It can lock topics for anon visitors with a modal and force them to Sign Up or Login. The component can be use for an alert modal, encouraging visitors to sign up but allowing them to close the modal (for this, leave the dismissable false setting unchecked). Options include changing the number of topics that can be viewed before the modal is displayed. Tip: If you use the …

---

<div class="post-metadata">

### Author: ![Rizal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rizal/32/456471_2.png) [@Rizal](https://meta.discourse.org/u/Rizal)
#### Post date: [2024 年 10 月 21 日午前 8:02 UTC](https://meta.discourse.org/t/how-to-prevent-signup-button-from-disappearing-on-scroll-down/43359/10 "2024-10-21T08:02:04Z")

</div>

> [@stevenpslade](#):
>
> そのロジックでいくと、ログインボタンを削除して文字数を数文字増やしてもいいのでは？ スクロールで表示されたり消えたりする単一のボタンが、単語一つに収まるようにするために、そのトレードオフはそれだけの価値があるとは思えません。また、タイトルが長すぎて「もっと見る」のエリプシスが表示されている場合、サインアップボタンを削除して得られる数文字は、質問の文脈を左右する可能性は低いでしょう。最後に、トピックタイトルが短い場合、それは単に奇妙に見えたり、バグのように見えたりします。

私も同意します 🙂
