We've come up with a workaround as we needed a 'back to top' combined with 'go to next state' on a mso on a long page. Using insert html for both the button and the target (similar to your bookmark solution above):
target: <a id="target"></a>
back to top/next state button:
<a data-loop="1" data-click-next="mso id goes here"><img src="" data-src="assets/images/invisBtn.png" style="width:60px;height:60px;"/></a>
Then we added this to the in5.config.js:
$('[data-click-next]').each(function(index,el) {
$(el).on(clickEv, function(e){
var loop = ($(this).attr('data-loop') == '1');
$.each($(this).attr('data-click-next').split(','), function(i,val){ nextState(val, loop); });
$('html, body').animate({
scrollTop: $('#target').offset().top
}, 500);
return false;
}); });
This works really well, scrolling smoothly to the target when you click/tap the next state button. You just need to do a test export to get the id's for the multi state objects from the exported html first.
