X
Tap here to go to the mobile version of the site.

Support Forum

Code for Choppy Scrolling?- STILL NEED HELP/REPLIES

Posted

First off, I would advise that anyone thinking of answering this should read this, as it gives one an idea of what I am speaking of: https://support.mozilla.org/en-US/questions/976244?esab=a&s=&r=0&as=s

Secondly, while this is related to my question about the earlier problem with choppy/stalling scrolling, it is somewhat of a different question, so I felt that I could start with a clean slate, so to speak.

As a possible solution for my Choppy scrolling problem, this was given to me: "You can also try to use this bookmarklet to see if that help (it makes background images scroll)

javascript:void(document.body.style.backgroundAttachment='scroll');

You can test this by pasting the code in the command line in the Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K). If it works then you can create a new bookmark and paste the JavaScript code in the location field and issue this bookmark on web pages that cause problems."

However, I have a couple of questions about this: 1) Could anyone show me (via images or however you can), how and where exactly to paste the code? That way I don't mess something up (and knowing my luck with things, I would).

2) Say that updating graphics didn't work, but that bookmarklet does- I use Greasemonkey. Does a Greasemonkey userscript exist that would insert that in for me? If one doesn't, could it be made? Just that it would seem a bit tedious to do that on every page where that is a problem. (Note that this question is hypothetical for now- The Graphics Card update could be what was needed. I'm just trying to cover all bases.)

((Also note that scrolling seems to be working fine for now. I'm simply curious and wanted to cover all bases))

First off, I would advise that anyone thinking of answering this should read this, as it gives one an idea of what I am speaking of: https://support.mozilla.org/en-US/questions/976244?esab=a&s=&r=0&as=s Secondly, while this is related to my question about the earlier problem with choppy/stalling scrolling, it is somewhat of a different question, so I felt that I could start with a clean slate, so to speak. As a possible solution for my Choppy scrolling problem, this was given to me: "You can also try to use this bookmarklet to see if that help (it makes background images scroll) javascript:void(document.body.style.backgroundAttachment='scroll'); You can test this by pasting the code in the command line in the Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K). If it works then you can create a new bookmark and paste the JavaScript code in the location field and issue this bookmark on web pages that cause problems." However, I have a couple of questions about this: 1) Could anyone show me (via images or however you can), how and where exactly to paste the code? That way I don't mess something up (and knowing my luck with things, I would). 2) Say that updating graphics didn't work, but that bookmarklet does- I use Greasemonkey. Does a Greasemonkey userscript exist that would insert that in for me? If one doesn't, could it be made? Just that it would seem a bit tedious to do that on every page where that is a problem. (Note that this question is hypothetical for now- The Graphics Card update could be what was needed. I'm just trying to cover all bases.) ((Also note that scrolling seems to be working fine for now. I'm simply curious and wanted to cover all bases))

Modified by ponyparty

Additional System Details

Installed Plug-ins

  • Adobe Shockwave for Director Netscape plug-in, version 12.0.5.146
  • Google Update
  • Shockwave Flash 11.9 r900
  • Next Generation Java Plug-in 10.45.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • iTunes Detector Plug-in
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.8
  • Unity Player 4.1.5f1
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • DivX Plus Web Player version 2.2.0.52
  • DivX VOD Helper Plug-in
  • The plug-in allows you to open and edit files using Microsoft Office applications
  • Office Authorization plug-in for NPAPI browsers
  • NPWLPG
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.0; WOW64; rv:25.0) Gecko/20100101 Firefox/25.0

More Information

Question owner

Bumping this...would still like these questions answered....

Bumping this...would still like these questions answered....

Question owner

Also, bit of an update: It seems that the problem in the linked topic has not quite been fixed, but it seems to not exist when I go back to FF v.24, which is a bit odd.

Again, still need an answer to the questions posed in the post...

Also, bit of an update: It seems that the problem in the linked topic has not quite been fixed, but it seems to not exist when I go back to FF v.24, which is a bit odd. Again, still need an answer to the questions posed in the post...

Modified by ponyparty

user633449 1539 solutions 10745 answers

Please clearly restate the current status of your problem in Firefox 25

Please clearly restate the current status of your problem in Firefox 25

Question owner

Thank you, Tylerdowner.

Currently the problem still occurs, though in the time between posting the threads that were locked today, and now, the issue is gone, though it would not surprise me if it cropped up again, due to the issue's past behavior. I guess status could be said as "off and on".

As I have stated in the other threads, I have tried multiple suggestions except for the bookmarklet. Only reason I have not tried that yet is that I have not gotten instruction on how to use it and where to place it, as well as if it is possible to make a Greasemonkey script out of it so I do not have to paste it in at every problem page.

What I mostly want to know at the moment is things regarding that bookmarklet I linked to, such as how it works, where exactly to place it, and if it can be made into a Greasemonkey userscript.

Also would like to add that when I downgraded to Firefox 24, the issue never cropped up, or even showed signs of being present at all.

Thank you, Tylerdowner. Currently the problem still occurs, though in the time between posting the threads that were locked today, and now, the issue is gone, though it would not surprise me if it cropped up again, due to the issue's past behavior. I guess status could be said as "off and on". As I have stated in the other threads, I have tried multiple suggestions except for the bookmarklet. Only reason I have not tried that yet is that I have not gotten instruction on how to use it and where to place it, as well as if it is possible to make a Greasemonkey script out of it so I do not have to paste it in at every problem page. What I mostly want to know at the moment is things regarding that bookmarklet I linked to, such as how it works, where exactly to place it, and if it can be made into a Greasemonkey userscript. Also would like to add that when I downgraded to Firefox 24, the issue never cropped up, or even showed signs of being present at all.

Modified by ponyparty

jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

A bookmarklet is a script that you save as a bookmark. To create a bookmarklet for this script:

(1) Select and copy the script

javascript:void(document.body.style.backgroundAttachment='scroll');

javascript:var s=document.createElement('style'); s.type='text/css'; s.appendChild(document.createTextNode('html, body {background-attachment: scroll !important')); document.body.appendChild(s); void 0;

(2) Right-click your Bookmarks Toolbar and choose New Bookmark

If you do not normally display the Bookmarks Toolbar, then you can create it on the Bookmarks Menu instead. You can create it somewhere on the menu in the Library dialog (Ctrl+Shift+b) and then drag it to the preferred position.

(3) Paste the script into the Location field

(4) Type the name of your choice into the Name field, for example, FixScrolling

(5) Click Add to save it

To run the script on the currently displayed page, click the button. That's it.

Note: What the script does it is change/override the way the background image on the body of a page works. If it's normally "fixed" in place, instead, it will scroll with the page.

A bookmarklet is a script that you save as a bookmark. To create a bookmarklet for this script: (1) Select and copy the script <s>javascript:void(document.body.style.backgroundAttachment='scroll');</s> javascript:var s=document.createElement('style'); s.type='text/css'; s.appendChild(document.createTextNode('html, body {background-attachment: scroll !important')); document.body.appendChild(s); void 0; (2) Right-click your Bookmarks Toolbar and choose New Bookmark ''If you do not normally display the Bookmarks Toolbar, then you can create it on the Bookmarks Menu instead. You can create it somewhere on the menu in the Library dialog (Ctrl+Shift+b) and then drag it to the preferred position.'' (3) Paste the script into the Location field (4) Type the name of your choice into the Name field, for example, FixScrolling (5) Click Add to save it To run the script on the currently displayed page, click the button. That's it. Note: What the script does it is change/override the way the background image on the body of a page works. If it's normally "fixed" in place, instead, it will scroll with the page.

Modified by jscher2000

jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

If you find that you need to click the button often, you could use either the Stylish extension (applies custom style rules) or the Greasemonkey extension (runs scripts) to modify the page automatically.

To develop that, it would be useful to have a link to a page exhibiting the problem.

If you find that you need to click the button often, you could use either the Stylish extension (applies custom style rules) or the Greasemonkey extension (runs scripts) to modify the page automatically. To develop that, it would be useful to have a link to a page exhibiting the problem.

Question owner

@jscher2000: Alright, I put it in my bookmarks so I can try it if things go screwy again.

As for pages that exhibit the problem- Like I said above, things seem to be working and scrolling fine for me now, but I wouldn't be surprised if it came up again. However, here's a page that was having this issue earlier: http://nollag.tumblr.com/post/66519110539/zooophagous

Also of note- I tried doing that with this page: http://catbountry.tumblr.com/ (a page that also exhibits the problem, when it shows up) and the background image didn't scroll.

@jscher2000: Alright, I put it in my bookmarks so I can try it if things go screwy again. As for pages that exhibit the problem- Like I said above, things seem to be working and scrolling fine for me now, but I wouldn't be surprised if it came up again. However, here's a page that was having this issue earlier: http://nollag.tumblr.com/post/66519110539/zooophagous Also of note- I tried doing that with this page: http://catbountry.tumblr.com/ (a page that also exhibits the problem, when it shows up) and the background image didn't scroll.

Modified by ponyparty

jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

The "Cat Bounty" page has its fixed background rule marked !important, which takes precedence over the fix in your original bookmarklet.

Here's a beefed up bookmarklet, which I've also edited into my earlier post:

javascript:var s=document.createElement('style'); s.type='text/css'; s.appendChild(document.createTextNode('html, body {background-attachment: scroll !important')); document.body.appendChild(s); void 0;

What that does is create a new style rule at the end of the page which also has !important, so that overrides the page's !important rule.

The "Cat Bounty" page has its fixed background rule marked !important, which takes precedence over the fix in your original bookmarklet. Here's a beefed up bookmarklet, which I've also edited into my earlier post: javascript:var s=document.createElement('style'); s.type='text/css'; s.appendChild(document.createTextNode('html, body {background-attachment: scroll !important')); document.body.appendChild(s); void 0; What that does is create a new style rule at the end of the page which also has !important, so that overrides the page's !important rule.
jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

To update your existing bookmark, copy the script first, then right-click the bookmark and choose Properties. Then you can clear the Location and paste the new script.

To update your existing bookmark, copy the script first, then right-click the bookmark and choose Properties. Then you can clear the Location and paste the new script.

Question owner

Alrighty, thanks! Like I said, I'll try that if the problem crops up.

Also, did you see the link to the page that was having the problem earlier? Or does the fact that it's scrolling fine at the moment mean that it would be difficult to make a Greasemonkey script (though I assume that putting it in the bookmarks menu does pretty much the same thing).

Alrighty, thanks! Like I said, I'll try that if the problem crops up. Also, did you see the link to the page that was having the problem earlier? Or does the fact that it's scrolling fine at the moment mean that it would be difficult to make a Greasemonkey script (though I assume that putting it in the bookmarks menu does pretty much the same thing).
jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

I don't get choppy scrolling on either of those pages, so I'm not sure is causing your underlying problem. The earlier page looks awful with the background changed from fixed to scrolling, so I don't think that's a great automatic solution if the display glitches are rare.

I don't get choppy scrolling on either of those pages, so I'm not sure is causing your underlying problem. The earlier page looks awful with the background changed from fixed to scrolling, so I don't think that's a great automatic solution if the display glitches are rare.

Question owner

Alright, in that case, thanks for your help!

Alright, in that case, thanks for your help!

Question owner

@jscher2000 Just an update, the issue has popped up again, but the scripts you gave me seem to be the fix.

However, I am wondering why this issue shows up in v.25, but when I downgrade to v.24, the issue never occurs?

@jscher2000 Just an update, the issue has popped up again, but the scripts you gave me seem to be the fix. However, I am wondering why this issue shows up in v.25, but when I downgrade to v.24, the issue never occurs?
jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

Could you describe the problem again. You're dragging down on the scrollbar thumb and Firefox delays before scrolling starts? Or the background jitters vertically as you scroll? Or both? What's going on exactly?

Could you describe the problem again. You're dragging down on the scrollbar thumb and Firefox delays before scrolling starts? Or the background jitters vertically as you scroll? Or both? What's going on exactly?

Question owner

Yeah, it's a delay before scrolling actually starts. I don't really notice any kind of jittering. Just the delay.

When the problem comes up, that is. Like I said it seems to be occurring, then going back to not occurring, and so on.

Yeah, it's a delay before scrolling actually starts. I don't really notice any kind of jittering. Just the delay. When the problem comes up, that is. Like I said it seems to be occurring, then going back to not occurring, and so on.

Question owner

Hey @jscher2000, how does one convert a bookmarklet into a userscript?

Hey @jscher2000, how does one convert a bookmarklet into a userscript?
jscher2000
  • Top 10 Contributor
8880 solutions 72665 answers

Hi ponyparty, could I suggest posing that question on the userscripts.org Script development forum? In order to cleanly post code, this userscript adds a few editing controls to the forum there: http://userscripts.org/scripts/show/24464.

P.S. Don't bother offering payments, people are usually happy to help without that.

Hi ponyparty, could I suggest posing that question on the userscripts.org [http://userscripts.org/forums/1 Script development forum]? In order to cleanly post code, this userscript adds a few editing controls to the forum there: [http://userscripts.org/scripts/show/24464]. P.S. Don't bother offering payments, people are usually happy to help without that.