Prevent History Scroll (shift Key + Mouse Scroll) In IE
Jan 3, 2007Is there a way in which we can disable the history scroll functionality in IE? Basically disable the SHIFT key + Mouse Scroll combination.
View 1 Replies
ADVERTISEMENT
Scroll With Mouse Movement
May 24, 2004I have wrote this for a friend in another forum, But I thought it might be useful, at least for start for similar apllication.
Tho code scrolles the page if mouse moves in the 1/3 zones (left, right, up, down) of the page (clientWidth/Height). It might be modify (a better ideea, since I don't like scrolled full pages - at least the X-scrolled) for scrollable frames, iframes or layers). I would be grateful if any comments will simplify he code or will help me to build a similar application based on simple position of the mouse (not only on mousemove).
<html>
<head>
<script>
function setUp() {
if( typeof( window.innerWidth ) == 'number' ) {
/* Non-IE */
winW = window.innerWidth;
winH = window.innerHeight;
} else if( document.documentElement &&
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
/* IE 6+ in 'standards compliant mode' */
winW = document.documentElement.clientWidth;
winH = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
/*IE 4 compatible*/
winW = document.body.clientWidth;
winH = document.body.clientHeight;
}
setL = winW/3;// zone left first 1/3 from client width
setR = winW*2/3;// zone right third 1/3 from client width
setU = winH/3;// zone up first 1/3 from client height
setD = winH*2/3;// zone down third 1/3 from client width
pix=4// scroll speed control pixels/mousemove
}
function checkS(e){
// capture the mouse position
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX;
posy = e.clientY;
}
// initialize the scrollBy parameters
x=0;
y=0;
// set the new scrollBy parameters
if(posx<setL){
x=-pix;
}
if(posx>setR){
x=pix;
}
if(posy<setU){
y=-pix;
}
if(posy>setD){
y=pix;
}
// scroll
window.scrollBy(x,y);
}
</script>
</head>
<body onload="setUp()" onmousemove="checkS(event)">
<table width="1200" height="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="#CCCCCC">blabla</td>
</tr>
</table>
</body>
</html>
Scroll A Div With Mouse Wheel?
Oct 27, 2009I have been searching google for a solution to this, but I am having trouble finding something that works.
I simply want to be able to scroll the contents of a div (with no scrollbar) using the mouse wheel. The div should only scroll if the cursor is over the div when the wheel is moved.
Does anyone know where to find a good working solution to this?
Scroll DIV When Mouse Button Is Down?
Oct 4, 2010I've a DIV which contains an IMG. This image is wider than the div, so a scrollbar appears on page. What I want to do, is click on the div(image) and move the mouse, and scroll the div as I move the mouse.I've tried using event ondrag in the div, and inside I can move the scroll with scrollTop and/or scrollLeft. My problem is that I haven't been able to make a good algorithm. I've tried to add clientY to scrollTop, and many other combinations but can't make it work. I have a lot of other javascript functionality in the page that is working.
View 6 Replies View RelatedApplication To Scroll The Table Header From The Same Amount Of Pixels And In The Same Direction When User Scroll Horizontal Bar In Div1
Feb 24, 2009i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(
1. how can i detect in which direction the scroll is done (to the right, or to the left) ?
2. how can i determine how many pixels this scrolling is about ?
3. how to scroll the table header (table tag or th tag) from the same amount of point ?
i found just scrollLeft for now and i'm not successful to use it
Make An Image/text To Scroll As The User Scroll The Page Also?
Sep 25, 2009how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
View 6 Replies View RelatedScroll Div Left And Right Depending On Where The Mouse Is?
Aug 16, 2011i have a container div with many other nested divs inside e.g.
<div id="thisOne">
div>Div 1</div>
<div>Div 2</div>
[code]....
Way To Refresh A Function Upon Mouse Scroll
Jan 25, 2010I have a home grown lightbox effect as my client cannot have community code such as JQuery, mootools etc running on their site (don't ask me....). All is working fine, the background darken mask with the box itself with the content. The only problem I'm having is what happens when the user scrolls.
As the mask is calculated upon clicking a link to display the lightbox, the method calculates the current screen area and uses that to create the height and width of the mask. But obviously if you scroll, you leave the mask behindat the top of the screen covering the calculated area. Is there a way to access the onscroll event to say rerun the specific function that calculates the mask area when the user scrolls so the mask stays constantly covering the available screen area? I suppose this is similar to those scripts where a div remains in view when the user scrolls - presumably something along those lines?
I found and tried a script to do with captured delta movement of the mousewheel but that disconnect the mouse wheel from the scrolling of the scroll bar and associated it only with the script in hand - I would like the browser to still scroll and my function to be fired on each scroll event.
Make A Div Tag And Its Contents Scroll Down The Page Automatically When You Scroll?
Jun 13, 2006Does anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?
View 2 Replies View RelatedJQuery :: Hide Scrollbar And Still Be Able To Scroll With Mouse?
Jul 28, 2011I know how to hide the scroll bar but not how to enable scrolling.
I did google a bit and found some solution that did not work for me. (currently using crome on mac) code...
Does anyone know a good way of doing that?
Scroll-like Div That Follow The Height Or Y Axis Value Of Mouse
Nov 7, 2011I was wondering how and I tried creating a div that is a child of a div with its same width, but the length of the entire page.So in a way it is like a scroll-bar except the user can not move down the page by holding the smaller inner div (square). The small square just moves down its container as the mouse moves down to The bottom of the page.but since The square inner div is in a container, with the same with, it can not and will not be able to move horizontally.
View 7 Replies View RelatedComboBox1 With Item Collection / Mouse Or Scroll Down Click
Oct 2, 2009I have small webBrowser1 and I have the 3 Buttons(Back, Forward,Go) also I have the ComboBox1 with the Items Collection of different website url using MSVB 2008 in C++.My question:
1) How could I make my mouse click on each url with timer between the first url and the second and so on and let's say time between the 1st url and scroll down to the second with timer of 3 second .
2) How to make also the mouse click on certain button on that website what is the command code for that.
AddEventListener For IE - Scroll When The Mouse Is Held Down Within 1/3 Of The Page Height Of The Window Edge
Aug 18, 2009I'm creating a script which causes the page to scroll when the mouse is held down within 1/3 of the page height of the window edge. An example can be found at [URL], and is working fine in Firefox, Safari and Chrome, but not in IE. I'm 90% certain this is due to the browser's non-handling of addEventListener, but I'm not sure how to fix this...I've tried the following so far:
[Code]...
Slide Right/left Within A Horizontal Scroll Window For As Long As The Mouse-down Action Is Triggered
Jun 28, 2011How is it possible to slide right/left within a horizontal scroll window for as long as the mouse-down action is triggered (preferably with jQuery)? Couldn't find any examples // functions to do that..
View 1 Replies View RelatedPrevent Webpage From Showing In History
Jul 12, 2010I'm working on a domestic abuse website and I need to make it so that abusers cannot go back into the history and see that their spouse has visited the site. Is there any way I can do this?
I also need a way to prevent the user from going back to the site once the "Escape" button has been pressed (escape button used if the abuser comes into the room.) My thought process so far is to have a page on some non-related domain that does not allow the user to go back to the Domestic Abuse site, and then immediately redirects to Google.
Memory Leak - When Use Mouse Wheel In Firefox To Scroll Contents Of The DIV - Memory Usage In Firefox Goes Through The Roof
Mar 26, 2009First the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function TextScroll(scrollname, div_name, up_name, down_name, top_name){
[Code]...
When I use mouse wheel in Firefox to scroll contents of the DIV, memory usage in Firefox goes through the roof. Code above is a fully working page, if anyone would like to see what's up, just load it up, and start moving your mouse wheel in the area with text. You don't actually have to scroll the text, just moving the wheel back and forth in that DIV will do. Memory usage will start going up quite fast, and after you stop moving the wheel, it will finally come down a bit after a short while. I've highlighted in red the line where mousewheel event is registered for Firefox. I'm not sure if it's really a problem, but since Opera and IE don't have any strange memory usage, and Firefox does, maybe I did something wrong. In everyday use it shouldn't matter [don't expect to have kilometers of content to scroll], but anyway, it is a bit unsettling.
Scroll Div In Middle Of Window When Window Is Scroll?
May 18, 2009How to scroll div in middle of window when window is scroll?
View 2 Replies View RelatedHow To Scroll A GIF/DIV?
Jan 11, 2008I need to find a script, that can move a GIF/DIV for example when you scroll down the page.
In the following link is a similar solution but this contains a dropdown menu - not exactly what I'm looking for....
Scroll Position
Jul 23, 2005Hey peeps, I'm trying to get a webpage open and start scrolled fully to the bottom. How should I go about this?
View 3 Replies View RelatedForce Scroll On A <div>?
Jul 23, 2005I want to display HTML text inside a div and have the page open scrolled to the bottom. (My div has overflow:auto so that it appears with scroll bars)
I have found this that works on a textarea:
document.all.MyDivId.scrollTop = document.all.MyDivId].scrollHeight;
But this doesn't work on a div. I am using a div because the text I am displaying contains HTML. Surely it is possible to simply set a scroll bar to the bottom in a div?
Scroll Select
Dec 20, 2005If i press the button "MOVE UP", it will go to the top of the select
box. If i press the button "MOVE DOWN", it will go to the bottom of the
select box.
The selected values that the user select will still be selected, even
if i press up or down.
It works in firefox....but not IE ? coz the scrollTop does not work in
IE..... Is there any other way ? Code:
Scroll Bar Visibility
Jul 20, 2005I was wondering if there is anyway to capture an event for when the scroll bar would appear while rendering a page with dymanic results driven questions. Such that answer to q1 would lead to another question, need to know what would be the last question before the scroll bar would appear.
View 1 Replies View RelatedHow To Scroll Only What Is Visible?
Jul 20, 2005I have a HTML content with some pages defined as <div>...</div>. One of them is visible while the rest is hidden (the visibility can be changed on client side). The problem: standard window scroller counts whole content (visible and hidden) so empty space is also scrolled. I'd like
it to behave as only visible content is to be scrolled (not empty space). The same applies to print (window.print). It prints not only what is visible, but also empty pages for these div's which are not visible.
How to set scroller (and print method) to take only visible content of page?
Reset A DIV - Scroll To Top
Jul 20, 2005I have a very simple need - I need javascript code to reset a DIV that
the user may have scrolled down. It doesn't need to smoothly scroll or
anything - just jump right to the top.
Keep Scroll At Bottom Of Div?
Mar 2, 2009Basically, i'm creating a chat script. I've got it all working apart from keeping the scroll at the bottom of the div so the newest posts show all the time.
Heres my index.php
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 3.2 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
[Code]....
Top Of The Page Scroll
Apr 28, 2009scroll may page to top like the one used on this page - http://www.pngised.net/ In the footer theres a link entitled 'bring me to the top' when selected scrolls the user to the top of the page, Iv been trying to find this technique but havent been successful.
View 2 Replies View Related