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:
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
This works below:
<style>
.affix {
top: 20px;
right: 10px;
}
</style>
Perhaps you should add this to your BS3 Components extension.
Dave