Stack Overflow
Stack Overflow

Questions tagged [snap.js]

A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)

A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus) https://jakiestfu.github.io/Snap.js/

33 questions
12
votes
2 answers

Need a fixed positioned div inside an absolute positioned div

I'm using the Snap.js plugin - (it allows you to create scrolling side drawers/panels). It works by creating 3 absolutely positioned divs, one of which contains main content. Is there a way to position a div fixed to the top of the window when it is…
Ray A
  • 307
  • 2
  • 14
3
votes
1 answer

Animations on scroll in combination with snap.js

I often use wow.js or waypoints.js to animate elements while scrolling the page. For a current project I used snap.js to create a menu drawer. When using snap.js you divide your page like this;
3
votes
1 answer

Disable all drawers with angular-snap and snapjs

I am working in an app that require snap menu for mobile resolutions and mobile device. I am using snapjs and angular-snap, snapjs by default set two drawers, left and right, I can disable one of this drawers using the service in the angular-snap…
xzegga
  • 3,051
  • 3
  • 25
  • 45
2
votes
0 answers

Using snap.js to toggle a pane from the bottom

Snap.js is great, but would it be possible to have it toggle a pane sliding in from the bottom instead of from the right or left? Basically what I need is: snapper.expand('bottom'); If it's not possible using snap.js, do you have other recs?
Grinfax
  • 33
  • 3
2
votes
2 answers

How to add a fixed div to snap.js?

I am trying to add a fixed div to the content wrapper in snap.js (https://github.com/jakiestfu/Snap.js/). Everything I've tried has failed because snap.js pushes the entire canvas with all the fixed elements. Is there any hack for this? I mocked up…
Anson Wakaka
  • 63
  • 6
2
votes
1 answer

Add a toggle button to the Snap.js

I have used this https://github.com/jakiestfu/Snap.js/ to create a menu that appears behind the page and when you swipe the page to the right it shows the menu underneath it, everything seems to be working but when I try to add a toggle button to…
user2162270
1
vote
0 answers

Snap.js animate polygone points S.easing[this.easing] is not a function

Hello I'm struggling for more than an hour on this error, I want to animate my polygone morphing using Snap.js using the following code var endPoints = [137.3,270.3, 137.3,106.8, 125,106.8, 112.7,106.8, 112.7,270.3, 96.5,282.6, 112.7,293,…
Elite Cardboard
  • 78
  • 7
1
vote
1 answer

Custom Directive in Angular

Hello I have the following directive for a hamburger menu: angular.module('app.directives') .directive('hamburger', hamburger); // Injecting Dependencies hamburger.$inject = ['$rootScope', '$timeout']; // Directive's Function,…
user3718908x100
  • 7,939
  • 15
  • 64
  • 123
1
vote
1 answer

have multiple snap-drawes and snap-contents in a page

I have a list of movies in a page, and I want to add slide left to show movie times and slide right to show movie cinemas. I tried to have snap-drawers and snap-content for each item in the list, but that didn't work. Does anyone have idea how to…
Ya Basha
  • 1,902
  • 6
  • 30
  • 54
1
vote
3 answers

How can i dynamically enable and disable snap.js (by jakiestfu)

I am using jquery to dynamically enable or disable snap.js like this: $(window).resize(function () { if ($(window).width() < 1024) { snapper.enable(); } else { snapper.disable(); } }); But this doesnt seem to work. I…
user3329751
  • 11
  • 5
1
vote
1 answer

Applying snap.js to my main content wrapper seems to break *some* of my jQuery functions

I'm using snap.js which enables you to slide your main content div over using css3 and javascript, revealing a menu underneath. The problem I am having is that when I apply the class snap-content, which tells snap.js which div to slide, that being…
UzumakiDev
  • 1,286
  • 2
  • 17
  • 39
1
vote
1 answer

Twitter Bootstrap and Snap.js

I'm trying to integrate jakiestfu's Snap.js with Twitter Bootstrap. I've got something that functions (I can get the content to slide, or open a drawer via a click event). However, I'm at the limit of my CSS skills for the final problem: The…
Corey Cole
  • 977
  • 9
  • 18
0
votes
1 answer

How to hide AngularJS snap menu in only specific pages

I'm using snapjs to add a nice menu to my mobile web view app but I need to hide(or avoiding drag) the menu in some pages like login or signup. I've tried with ng-if and it worked but I have a strange problem. My login/signup page looks like this; .…
tpbafk
  • 501
  • 5
  • 26
0
votes
2 answers

Angular-snap doesn't work together with ngSticky

trying to use together Angular-Snap with ngSticky but it doesn't work, panel which should stay sticky is being scrolled. I've prepared two examples: Example with Angular-Snap which doesn't work:…
Anatoly
  • 5,056
  • 9
  • 62
  • 136
0
votes
1 answer

AngularJS and Angular-Snap : Snap constructor is not defined

"Make sure window.Snap is defined or supply your own with SnapConstructorProvider.use(MySnap)." That's what I have when I'm trying to use angular-snap. I followed what they said in github but still didn't work. Can I have some help ? I watched the…
Jeremy Delhaie
  • 33
  • 1
  • 6
1
2 3