Parallax effect working on iOS (iPad and iPhone)


#1

Hi all,

I consider myself as a beginner in making websites and not afraid to learn new things. I looked and some web building apps before and the Black Friday discount got me at blocsapp. (The choice was between Blocsapp and Everwebapp. Everwebapp is more easier for beginners, but the look and feel and the YouTube videos from @Eldar , let me decide to buy Blocsapp)

So far the introduction. Now I want to use parallax effects not only on the desktop, but also on my iPad and iPhone. How can I do this with Blocsapp?

In Everwebapp they have widgets for this effect, see this website.

Here a example of a working website with parallax effect, which I found with google.
https://www.wahnamhong.eu/

I hope someone can give me a direction. Remember I am new to Blocsapp and a beginner with website designing!

Mark


#2

Presently, Blocs simply uses the CSS “Position Fixed” property for its Parallax effect, which is disabled on most mobile devices due to performance issues with this CSS property. So with Blocs your only current option is the implement a different solution on your own, if you wish to have the effect on mobile devices.

The EverWeb example you posted, instead uses modern CSS properties (transform, translate3D, etc.,) to achieve the Parallax effect and allow it to work on mobile devices.


#3

@Blocs_User … And that is exactly what I don’t know how to do as a beginner without coding knowledge. Would be nice if there is a working bloc/bric for that :wink: like the Everweb example I posted. They use widgets for this. Simple drag and drop and configure in the sidebar.


#4

Hey use this method this method very easy to use and working on every device https://www.youtube.com/watch?v=YBxLyK9NJmI&feature=youtu.be


#5

@Nakul Looking promising :slight_smile:

Can you please also explain (maybe with a little video) how to add this in Blocs? Would be great.


#6

@MNL thanks!
Sorry but i don’t understand what are you saying. can you please add some screenshot, which blocs you add this.


#7

Hey @Nakul, thanks for your answer.
This is the Forum of Blocsapp.com and the Blocs Software. I looked at your YouTube video, but I don’t have any coding knowledge. So could you please tell me (or better add a video) how I can use your solution within the Blocsapp software.


#8

Hey @MNL ,
Just tell then that you want to help them in coding so you contact me.


#9

Hey @Nakul,

You offer a parallax solution, but how do I implement this in Blocsapp?

image

Are you using Blocsapp yourself?? If not, you can’t help me. Maybe someone else can.


#10

@Norm Hey Norn, can you add a solution to Blocs to get Parallax effect working on iPad and iPhone as well? Maybe with your new “build your own blocs” app?


#11

Hi @Eldar,

I just saw your website https://eldargezalov.com and noticed you have parallax working on the iPad and iPhone. Can you please share the way you did that here on this forum? Thanks in advance!!


#12

:stuck_out_tongue_winking_eye: The trick is, “that site is not Blocs”, but instead uses Squarespace.

com--Squarespace


Which uses one of the methods I mentioned above, ie: translate3D

:wink:


Parallax issues - feedback required
#13

Hi @MNL ,

This site was built with Squarespace, my second favorite tool for designing websites :slight_smile:


#14

:grin:

How is your course coming along?


#15

Hey @Blocs_User,

I’m working hard to release it soon. At the moment, I’m busy with finishing the new updated version of Built with Blocs website and some new videos for Blocs Core Training.


#16

So @Norm, what is the status of getting Parallax working on IOS? Are there any plans in the near future to have this feature for IOS within BLOCS? I have read a few forum posts on Parallax and IOS and don’t see any ways to implement or if it will ever be a BLOCS feature. It does looks like this may be something that is to difficult to implement within BLOCS to justify the time to provide Parallax feature.


#17

The problem is the actual mobile browser blocs its use, which is obviously something we don’t have control over. There are work arounds but they tend to be very hacky and don’t always deliver the effect consistenty. It also effects the performance of sites (jerky scroll).

For Blocs 3 I’ve added a new kind of parallax effect that moves objects on scroll rather than backgrounds, it’s a different type of parallax effect, that is definitely in the works and will come later in the year.