Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Could you check this out for me please?

Featured Replies

Hi guys,

 

I'm working on this design for a client:

 

http://www.sianscupcakes.co.uk

 

In firefox and chrome, the smoothscroll javascript seems to work fine but in ie the navigation just jumps to the page anchors, could you see if it does the same for you? Is there a way to fix it?

 

Also, I've noticed the css drop-shadow I've applied to the h1 header text doesn't show up in ie either, does it show up for you? Any ideas on how to fix this?

 

Thanks for taking a look guys, much appreciated.

IE reports

 

Webpage error details

 

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB7.1; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C; .NET4.0E; .NET CLR 1.1.4322)

Timestamp: Fri, 1 Jul 2011 11:51:33 UTC

 

 

Message: Object doesn't support this property or method

Line: 12

Char: 41

Code: 0

URI: http://www.sianscupcakes.co.uk/

 

 

Message: Object doesn't support this property or method

Line: 1

Char: 1

Code: 0

URI: http://www.sianscupcakes.co.uk/js/mootools-smoothscroll.js

and jslint.com reports

 

Problem at line 11 character 65: type is unnecessary.

 

<script src="js/mootools-smoothscroll.js" type="text/javascript"></script>

 

Problem at line 12 character 32: 'window' was used before it was defined.

 

<script type="text/javascript">window.addEvent('domready',function() { new Sm...

 

Problem at line 12 character 59: Missing space between ',' and 'function'.

 

<script type="text/javascript">window.addEvent('domready',function() { new Sm...

 

Problem at line 12 character 67: Expected exactly one space between 'function' and '('.

 

<script type="text/javascript">window.addEvent('domready',function() { new Sm...

 

Problem at line 12 character 72: Missing 'use strict' statement.

 

<script type="text/javascript">window.addEvent('domready',function() { new Sm...

 

Problem at line 12 character 76: 'SmoothScroll' was used before it was defined.

 

<script type="text/javascript">window.addEvent('domready',function() { new Sm...

 

Problem at line 12 character 108: Do not use 'new' for side effects.

 

<script type="text/javascript">window.addEvent('domready',function() { new Sm...

 

Problem at line 16 character 66: type is unnecessary.

 

<script type="text/javascript" src="gallery/js/prototype.lite.js"></script>

 

Problem at line 17 character 58: type is unnecessary.

 

<script type="text/javascript" src="gallery/js/moo.fx.js"></script>

 

Problem at line 18 character 63: type is unnecessary.

 

<script type="text/javascript" src="gallery/js/litebox-1.0.js"></script>

 

Problem at line 21 character 1: Expected an identifier and instead saw '<!'.

 

<!--

 

Problem at line 21 character 1: Stopping. (8% scanned).

 

 

Undefined variable: SmoothScroll 12 'domready'

  • Author

Hi zed, thanks for the quick reply, much appreciated. +1 to you.

 

I must admit though, I'm not sure where to start with those errors. Could you point me in the right direction? Obviously something needs to be done but it seems like there's a lot wrong and I'm not sure how to go about addressing those issues.

  • Author

If anyone can help, it's the smoothscroll functionality that I'm most concerned about, I'd really like to get it working in IE if at all possible, I'd appreciate any advice for that please! :good:

sorry wasn't around. shame noone else could help.

 

try moving/putting this

 

<script src="js/mootools-smoothscroll.js" type="text/javascript"></script>

<script type="text/javascript">

window.addEvent('domready',function() {

//smooooooth scrolling enabled

new SmoothScroll({ duration:1100 }, window);

});

</script>

 

right before </head>

  • Author

Hi zed, thanks for helping me out with this, I really appreciate it.

 

I tried out your suggestion and although it worked, (it scrolls in ie now, great!, +1 to you again!) now the mootools lightbox gallery on the page has stopped working. Sorry to be a pain but is there anything I can do about this?

 

Thanks in advance!

sorry, will have to pass. One of the reasons I steer clear of mootools.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.