Semantic-ui-react: <Sticky /> Component

[levithomason]

http://semantic-ui.com/modules/sticky.html

[arrterian]

I want implement this component within hacktoberfest.
Can you add hacktoberfest lable to this issue?

[levithomason]

@RomanValihura we don't have a hacktoberfest label, is this a standardized label that is required for the competition? If not, your comment is sufficient to claim the issue for yourself.

[arrterian]

@levithomason Hacktoberfest is ended, but I still want implement this feature.
I don't need this lable already.

[levithomason]

Sounds good, we'd love to have this one implemented! You can reference our CONTRIBUTING.md guide as a step-by-step to setup and development for new components. Let us know if you have any issues.

[arrterian]

@levithomason OK, I will start on this week :)

[zeneben]

In the meantime, if I wanted to make an element sticky - would it be possible without jQuery? I tried following the semantic-ui usage at http://semantic-ui.com/modules/sticky.html#/usage but it didn't seem to do anything to the element. I've managed to get this far in my project without having to resort to any non semantic-ui-react components, but this is a component which would actually come in very handy.

[levithomason]

Semantic-UI-React has no Sticky component, yet. You cannot use the Semantic-UI Sticky docs since that only works with the jQuery plugin. We'll add our own non-jQuery version of the Sticky component.

In the meantime, you may also find these helpful (I just googled react sticky):

1. https://github.com/captivationsoftware/react-sticky
2. https://github.com/yahoo/react-stickynode

[zeneben]

Thanks! position: fixed ended up being suitable to get me by until the
component is developed.

On Wed, Nov 30, 2016 at 12:38 PM, Levi Thomason [e-mail]
wrote:

Semantic-UI-React has no Sticky component, yet. You cannot use the
Semantic-UI Sticky docs since that only works with the jQuery plugin. We'll
add our own non-jQuery version of the Stick component.

In the meantime, you may also find these helpful (I just googled react
sticky):

1. https://github.com/captivationsoftware/react-sticky
2. https://github.com/yahoo/react-stickynode

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/Semantic-Org/Semantic-UI-React/issues/198#issuecomment-263988126,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ARWylw_k2OviSQX504ByomaLyiBIT1NOks5rDd6tgaJpZM4HxsZV
.

[levithomason]

I see. It is worth noting that a "sticky" component is one that scrolls with the page until it "hits" some boundary (e.g. a header, the top of the page, etc.) then it "sticks" to that position following the user down the page. So, it is sometimes position: fixed and other times not. This is the distinction between the two.

[zeneben]

Agreed, and a true 'Sticky' would be ideal for my use case, but the fixed
position is sufficient for now.

On Wed, Nov 30, 2016 at 12:41 PM, Levi Thomason [e-mail]
wrote:

I see. It is worth noting that a "sticky" component is one that scrolls
with the page until it "hits" some boundary (e.g. a header, the top of the
page, etc.) then it "sticks" to that position following the user down the
page. So, it is sometimes position: fixed and other times not. This is
the distinction between the two.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/Semantic-Org/Semantic-UI-React/issues/198#issuecomment-263988967,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ARWyl7Y9f7wr34SS0jB8ofoP5d3FEqD0ks5rDd99gaJpZM4HxsZV
.

[AdamBCo]

What's the update on the component? :)

[layershifter]

@mariolamacchia You said that I would like to pick this issue. Could clarify this?

[mariolamacchia]

@layershifter Yes, hopefully it will be ready by next week

[layershifter]

Linking #1747