I have searched and researched stackoverflow but couldn't find any good answer that might help me.
I am using stellar.js to create parallax backgrounds, but sometimes as I scroll the page, the background goes down, creating a white space (instead of creating the parallax effect).
Here is a preview of the image with explanation:
http://s30.postimg.org/owb86e3bk/stellar.jpg
Any ideas would be great. Thanks.
$.stellar({
horizontalScrolling:false
});
Related
people,
I am currently trying to create a horizontally scrollable table (filled with pictures) where my content (img with some p) always fitts the screen. This means the height of the content has to adapt depening on your screen resolution or ideally also when browsing from a mobile device... I've tried a lot with HTML and CSS and actually thought this should be an easy task, but I just can't get it to work properly :(
I'd really appreciate some help. How'd you do this?
Thanks in advance!
I am working on a site with Spry Tabbed Pannels. My problem is that I can't get my .TabbedPanelsTab, .TabbedPanelsSelected, TabbedPanelsHover, and .TabbedPanelsTab a, to touch the .TabbedPanelsContentGroup.
There is a very thin white line in between the two and I've tried lots of things, like a negative margin, or an extra thick border. And nothing seems to work.
My tabs have images in them for design purposes, so that's just a heads up.
Here is the site for reference:
http://emilymagnuson.com/trustbank/index.html
Does anyone have a solution?
Thank you!
I think the problem is within your .TabbedPanelsContentGroup:
change the padding-top from 3px to 0px.
Let me know if I misunderstood your query.
I'm trying to mimic the functionality of the NetFlix app, with a strip on the left that collapses on scrolling, I had to offset the tiles on the GridView a bit to the right so that they can accomodate that behavior. They seem to work alright in keyboard and scroll completely to the right (although I noticed the scrollbar suddenly grows in size when I hit the left boundaries. this totally changes when I use it on touch - I seem to have a limit on the right and the scrolling doesnt scroll past the last 100 pixels or so. how do I take care of this.
I'm assuming it is related to the bug here, but didn't seem to solve the problem with that solution there.
"Sticky scrolling" issue in WinRT XAML GridView control
Jay, I bet you solved it in the meantime. But I'll add my solution here anyway; it might save time for other fellows.
This effect - not being able to scroll to the very right end horizontally with touch - did go away when I either:
*) changed the VirtualizingStackPanel to a StackPanel
OR
*) Grouped the GridView (with VirtualizingStackPanel in the ItemsPanelTemplate) into a simple ScrollViewer
Hope that helps!
My problem is that I am using nested scrollviews. One for the horizontal paging and second to show the content with vertical scrolling (cuz content, which is text, is more than the available space). Actually there are multiple copies of this vertical scrollview like:
MainScrollView (Horizontal)
VerticalScrollView1
VerticalScrollView2
VerticalScrollView3
Besides these the vertical scrollviews contains label that are draggable, I implemented dragging using touchesBegan: and moved: events. I developed the whole thing using only one vertical scrollview and it's working just fine and I thought, to my dismay, that it'll work exactly the same for the rest but when I added more vertical scrollviews, only the last one is allowing dragging of the labels. The first two ain't allowing dragging, besides, they are also not responding to the vertical scrolling event, which was perfect earlier. I tried it with two vertical scrollviews and even then only the last one was allowing dragging. Ain't sure about the vertical scrolling cuz right now only the first one has enough content to be scrolled rest need not to. I can try that out too but it's kinda late here, so, if someone can guide me with the provided info. would be much helpful. Else I can try that out tomorrow and post you with the result.
Thanks for your time.
I had similar issues with nesting UIScrollviews. I found this video from WWDC 2010 to be really helpful in showing how to work with scrollviews inside a paging scrollview, and I managed to fix the bugs I had by following the steps in this video and looking at the sample code.
Designing Apps with Scroll Views
Sample code
Right now I have a splitview that loads PDFS to a webview. When the application is in portrait mode, the formatting is correct and it does what it needs to do. However, when I switch it to landscape mode, the pdf is too large and goes off of the right side of the screen. How would I fix this? One solution I can think of is to resize the rootView table, by making it thinner it would open up more space for the PDF. Any ideas on how to do that? or if it is even possible?
Thanks in advance!
You can't with the default SplitViewController, luckily Matt has written a pretty good one that can do stuff like that!
You can find it at GitHub: https://github.com/mattgemmell/MGSplitViewController/