DMXzone Bootstrap 3 Elements Support Product Page

Answered

Sticky buttons using Bootstrap affix plugin

Asked 04 Jul 2016 10:59:46
1
has this question
04 Jul 2016 10:59:46 David Woolley posted:
I'm trying to make a form submit button stick to the right hand side of the page when scrolling. (Rather a long form)
I've got it working using the code below, but it clings to the top-middle after scrolling 500px.
I need it to cling to the right after scrolling say 500px.

CSS:
<style>
  .affix {
      top: 20px;
  }
 </style>

then using these data- elements on the <button> tag:
<button type="submit" class="btn btn-primary" data-spy="affix" data-offset-top="500">Update case</button>

Any suggestions?

Replies

Replied 04 Jul 2016 11:15:02
04 Jul 2016 11:15:02 Teodor Kuduschiev replied:
Hello David,
As Bootstrap 3 documentation explains:

Quoteyou must provide CSS for the positioning and width of your affixed content.

Replied 04 Jul 2016 13:22:03
04 Jul 2016 13:22:03 David Woolley replied:
Thanks Teodor
This works below:

<style>
.affix {
top: 20px;
right: 10px;
}
</style>

Perhaps you should add this to your BS3 Components extension.

Dave

Reply to this topic