I have fancybox running to display blog posts in an iframe when the title is clicked from a slider. I would like to use the arrows but the default positioning of the arrows means that (in chrome at least) the buttons cover the area where the scrollbar for the blog post would be meaning that the user cannot scroll.
I would like to reposition the arrows so that they are to the left and right of the fancybox and not overlaid on the box itself although I cannot find an option for this. Can anybody help me out?
Homepage contains collection of useful demos – http://fancyapps.com/fancybox/#useful
Looks like you are looking for #6 – http://jsfiddle.net/fhpZ5/