Search completed in 1.06 seconds.
-webkit-overflow-scrolling - CSS: Cascading Style Sheets
the -webkit-overflow-
scrolling css property controls whether or not touch devices use momentum-based
scrolling for a given element.
... the -webkit-overflow-
scrolling css property controls whether or not touch devices use momentum-based
scrolling for a given element.
... the -webkit-overflow-
scrolling css property controls whether or not touch devices use momentum-based
scrolling for a given element.
...And 6 more matches
Scrolling Menus - Archive of obsolete content
« previousnext » this section will describe
scrolling menus and how to use the mechanism with other elements.
... « previousnext » this section will describe
scrolling menus and how to use the mechanism with other elements.
...ll the items won't fit on the screen at once.
...And 5 more matches
Square tilemaps implementation: Scrolling maps - Game development
this article covers how to implement
scrolling square tilemaps using the canvas api.
...(x,y) points to the top left corner of visible portion of the map.
...lways be (0,0), and in this case the upper limit is equal to the size of the world minus the size of the camera's viewport.
...And 2 more matches
Document.scrollingElement - Web APIs
the
scrollingelement read-only property of the document interface returns a reference to the element that scrolls the document.
... the
scrollingelement read-only property of the document interface returns a reference to the element that scrolls the document.
...crollingelement read-only property of the document interface returns a reference to the element that scrolls the document.
...And 2 more matches
tabscrolling - Archive of obsolete content
« xul reference home tab
scrolling new in thunderbird 3requires seamonkey 2.0 type: boolean if true, the user may cycle through the results list by pressing the tab key.
Index - Web APIs
eading from gecko's own compositor.
... of the document interface returns a promise that resolves if the access to first-party storage was granted, and rejects if access was denied.
...s if the access to first-party storage was granted, and rejects if access was denied.
...And 18 more matches
Miscellaneous - Archive of obsolete content
http://mxr.mozilla.org/seamonkey/sou...pdates.js#1639 for firefox 2 see around here: http://mxr.mozilla.org/mozilla1.8/so...pdates.js#1631 bug 338039 tracks improving this situation by providing a simple method to restart the application.
...ices.startup.eforcequit|services.startup.erestart); mouse and keyboard detecting mouse wheel events when
scrolling the mouse wheel on an element, the dommousescroll event fires.
...es.startup.erestart); mouse and keyboard detecting mouse wheel events when
scrolling the mouse wheel on an element, the dommousescroll event fires.
...And 11 more matches
Scroll-linked effects
the definition of a scroll-linked effect is an effect implemented on a webpage where something changes based on the scroll position, for example updating a positioning property with the aim of producing a parallax
scrolling effect.
... the definition of a scroll-linked effect is an effect implemented on a webpage where something changes based on the scroll position, for example updating a positioning property with the aim of producing a parallax
scrolling effect.
... the definition of a scroll-linked effect is an effect implemented on a webpage where something changes based on the scroll position, for example updating a positioning property with the aim of producing a parallax
scrolling effect.
...And 11 more matches
Tiles and tilemaps overview - Game development
s and rows.
...evel algorithm could be: for (var column = 0; column < map.columns; column++) { for (var row = 0; row < map.rows; row++) { var tile = map.gettile(column, row); var x = column * map.tilesize; var y = row * map.tilesize; drawtile(tile, x, y); } } you can read more about this and see an example implementation in square tilemaps implementation: static maps.
...le, x, y); } } you can read more about this and see an example implementation in square tilemaps implementation: static maps.
...And 8 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
ete, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresultsforpopup, nomatch, onchange, onerrorcommand, oninput, onsearchcomplete, ontextcommand, ontextentered, ontextrevert, ontextreverted, open, readonly, searchsessions, showcommentcolumn, showcommentcolumn, showpopup, size, tabindex, tab
scrolling, tab
scrolling, timeout, type, useraction, value properties accessible, alwaysopenpopup, autofill, autofillaftermatch, completedefaultindex, crop, disableautocomplete, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, popupopen, resultspo...
...etedefaultindex, crop, disableautocomplete, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, popupopen, resultspopup, searchcount, searchparam, searchsessions, selectionend, selectionstart, sessioncount, showcommentcolumn, showpopup, size, tabindex, tab
scrolling, textlength, textvalue, timeout, type, useraction, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes accesskey type: character this sho...
...te a communicator 4.x style autocomplete textbox.
...And 6 more matches
Index - Archive of obsolete content
attributes, xul reference no summary!
...box.minresultsforpopup no summary!
...bject xul properties, xul reference no summary!
...And 4 more matches
arrowscrollbox - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a box which provides scroll arrows along its edges for
scrolling through the contents of the box.
...ill have no effect.
...enable the element, leave this attribute out entirely.
...And 4 more matches
Basic concepts of CSS Scroll Snap - CSS: Cascading Style Sheets
the css scroll snap specification gives us a way to snap
scrolling to certain points as the user scrolls through a document.
... to certain points as the user scrolls through a document.
...xperience on mobile or even on the desktop for some types of applications.
...And 4 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
ompletedefaultindex, completeselectedindex,crop, disableautocomplete, disabled, disablekeynavigation, enablehistory, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, nomatch, onchange, oninput, onsearchcomplete, ontextentered, ontextreverted, open, readonly,showcommentcolumn, showimagecolumn, size, tabindex, tab
scrolling, timeout, type, value properties accessibletype, completedefaultindex, controller, crop, disableautocomplete, disablekeynavigation, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, label, maxlength, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimag...
... properties accessibletype, completedefaultindex, controller, crop, disableautocomplete, disablekeynavigation, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, label, maxlength, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, tabindex, tab
scrolling, textlength, textvalue, timeout, type, value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted, select, setselectionrange examples <textbox type="autocomplete" autocompletesearch="history"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... the column.
...And 3 more matches
Overflowing content - Learn web development
sing overflow: scroll, browsers with visible scrollbars will always display them—even if there is not enough content to overflow.
...oll on the x axis using overflow-x, although this is not a recommended way to accommodate long words!
... a long word in a small box, you might consider using the word-break or overflow-wrap properties.
...And 3 more matches
HTMLMarqueeElement - Web APIs
roperties inherits properties from its parent, htmlelement.
...pecified, the default value is left.
...t ignored.
...And 3 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
event_system_menupopupstart [important] event_system_menupopupend [important] event_system_capturestart event_system_captureend event_system_movesizestart event_system_movesizeend event_system_contexthelpstart event_system_contexthelpend event_system_dragdropstart event_system_dragdropend event_system_dialogstart event_system_dialogend event_system_
scrollingstart event_system_
scrollingend [possibly important, talk to at vendor] event_system_switchstart event_system_switchend event_system_minimizestart event_system_minimizeend event_object_create [don't implement, watching system generated versions of this event causes assistive technology crashes] event_object_destroy [don't implement, watching system generated versions of ...
... magnifiers.
... text objects, and support it through queryinterface or queryservice if it's being implemented on a different object than iaccessible is.
...And 3 more matches
overscroll-behavior - CSS: Cascading Style Sheets
the overscroll-behavior css property sets what a browser does when reaching the boundary of a
scrolling area.
...oll-behavior: none; /* two values */ overscroll-behavior: auto contain; /* global values */ overscroll-behavior: inherit; overscroll-behavior: initial; overscroll-behavior: unset; by default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached.
...overscroll-behavior: auto contain; /* global values */ overscroll-behavior: inherit; overscroll-behavior: initial; overscroll-behavior: unset; by default, mobile browsers tend to provide a "bounce" effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached.
...And 3 more matches
position - CSS: Cascading Style Sheets
perspective and filter contributing to containing block formation.) its final position is determined by the values of top, right, bottom, and left.
... the document, and then offset relative to its nearest
scrolling ancestor and containing block (nearest block-level ancestor), including table-related elements, based on the values of top, right, bottom, and left.
...uding table-related elements, based on the values of top, right, bottom, and left.
...And 3 more matches
Index - Archive of obsolete content
xul attributes, xul reference no summary!
... textbox.minresultsforpopup no summary!
... subject xul properties, xul reference no summary!
...And 2 more matches
Theme changes in Firefox 2 - Archive of obsolete content
right end of the search bar.
... global/scrollbox/autorepeat-arrow-up-dis.gif new file; icon displayed for a disabled autorepeat up arrow in a scroll box.
... global/scrollbox/autorepeat-arrow-up.gif new file; icon displayed for an autorepeat up arrow in a scroll box.
...And 2 more matches
-ms-scroll-chaining - Archive of obsolete content
the -ms-scroll-chaining css property is a microsoft extension that specifies the
scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
...g css property is a microsoft extension that specifies the
scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
...croll limit during any manipulation.
...And 2 more matches
Gecko info for Windows accessibility vendors
eyboardshortcut msaa support: iaccessible events and unique id's what msaa events do we support?
..._focus is fired for focus changes on any kind of focusable object event_statechange is used in check boxes, radio buttons, text fields, combo boxes and list boxes.
... event_statechange is used in check boxes, radio buttons, text fields, combo boxes and list boxes.
...And 2 more matches
nsIAccessibleEvent
xthelp_end 0x0021 0x001e a window has exited context-sensitive help mode.
...dow has exited context-sensitive help mode.
...vent_dragdrop_start 0x0022 0x001f an application is about to enter drag-and-drop mode.
...And 2 more matches
nsIScrollable
/docshell/base/nsiscrollable.idlscriptable this interface can be implemented by a control that supports
scrolling.
...lorientation, in long minpos, in long maxpos); obsolete since gecko 29.0 void setscrollrangeex(in long minhorizontalpos, in long maxhorizontalpos, in long minverticalpos, in long maxverticalpos); obsolete since gecko 29.0 constants scroll orientations scroll orientations a scrollbar can be in.
... in long minverticalpos, in long maxverticalpos); obsolete since gecko 29.0 constants scroll orientations scroll orientations a scrollbar can be in.
...And 2 more matches
Window.pageYOffset - Web APIs
that contains the document we're going to scroll, and a <div> into which we'll output the value of pageyoffset when we've finished the scroll.
...utput the value of pageyoffset when we've finished the scroll.
...pt code begins by getting into frame and info the <iframe> element that contains our content as well as the <div> element into which we'll output the result of our scroll position check.
...And 2 more matches
overflow - CSS: Cascading Style Sheets
ing the user to scroll (such as by dragging or using a scroll wheel) is allowed.
... dragging or using a scroll wheel) is allowed.
... mozilla extensions -moz-scrollbars-none [1] use overflow: hidden instead.
...And 2 more matches
scroll-margin - CSS: Cascading Style Sheets
croll-margin-bottom scroll-margin-left scroll-margin-right scroll-margin-top syntax /* <length> values */ scroll-margin: 10px; scroll-margin: 1em .5em 1em 1em; /* global values */ scroll-margin: inherit; scroll-margin: initial; scroll-margin: unset; values <length> an outset from the corresponding edge of the scroll container.
...e specified outsets.
...250px; height: 250px; overflow-x: scroll; display: flex; box-sizing: border-box; border: 1px solid #000; scroll-snap-type: x mandatory; } the main parts relevant to the scroll snapping are overflow-x: scroll, which makes sure the contents will scroll and not be hidden, and scroll-snap-type: x mandatory, which dictates that scroll snapping must occur along the horizontal axis, and the
scrolling will always come to rest on a snap point.
...And 2 more matches
scrollbar-width - CSS: Cascading Style Sheets
the scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
...width.
...l still be scrollable.
...And 2 more matches
touch-action - CSS: Cascading Style Sheets
g features built into the browser).
...ble the browser handling of gestures by calling preventdefault(), but should also use touch-action to ensure the browser knows the intent of the application before any event listeners have been invoked.
... gestures, but disable additional non-standard gestures such as double-tap to zoom.
...And 2 more matches
XUL accessibility guidelines - Archive of obsolete content
riggers, including the keyboard button and appropriate mouse clicks.
...keyboard button and appropriate mouse clicks.
...ortant functionality keyboard shortcuts are not provided.
...t menus context menus are triggered by the oncontextmenu event handler.
Examples - Game development
rst two sections list playable games, while the second is a catch-all area to list demos that aren't necessarily interactive/games.
...fly your rescue chopper around the disaster area and save the stranded victims (ga.me.) polycraft a shipwreck 'n survive game.
...ck 'n survive game.
...t the monsters.
Element: DOMMouseScroll event - Web APIs
events may be fired without this event.
...o 17 (firefox 17) or later, you need to call preventdefault() of wheel events which must be fired for every native event.
...l preventdefault() of wheel events which must be fired for every native event.
....
Element.getBoundingClientRect() - Web APIs
erall border-box in pixels.
...ht of zero and where the top and left are the top-left of the border-box for the first css box (in content order) for the element.
... other scrollable element) is taken into account when computing the bounding rectangle.
...s every time the
scrolling position changes (because their values are relative to the viewport and not absolute).
EventTarget.addEventListener() - Web APIs
ndicating that the listener should be invoked at most once after being added.
...all attach to same element // case 3 for(let i=0, j=0 ; i<els.length ; i++){ /* do lots of stuff with j */ els[j].addeventlistener("click", processevent = function(e){/*do something*/}, false); } // case 4 for(let i=0, j=0 ; i<els.length ; i++){ /* do lots of stuff with j */ function processevent(e){/*do something*/}; els[j].addeventlistener("click", processevent, false); } improving
scrolling performance with passive listeners according to the specification, the default value for the passive option is always false.
...e){/*do something*/}; els[j].addeventlistener("click", processevent, false); } improving
scrolling performance with passive listeners according to the specification, the default value for the passive option is always false.
...ormous reduction in performance during scroll handling.
Intersection Observer API - Web APIs
ion to each other, has been a difficult task for which solutions have been unreliable and prone to causing the browser and the sites the user is accessing to become sluggish.
...ementing intersection detection in the past involved event handlers and loops calling methods like element.getboundingclientrect() to build up the needed information for every element affected.
...to intersecting.
...late.queryselector(".samplebox").id = boxid; wrapper.appendchild(document.importnode(template, true)); // set up the observer for this box observeroptions.threshold = thresholdsets[i]; observers[i] = new intersectionobserver(intersectioncallback, observeroptions); observers[i].observe(document.queryselector("#" + boxid)); } // scroll to the starting position document.
scrollingelement.scrolltop = wrapper.firstelementchild.getboundingclientrect().top + window.scrolly; document.
scrollingelement.scrollleft = 750; } intersectioncallback = (entries) => { entries.foreach((entry) => { let box = entry.target; let visiblepct = (math.floor(entry.intersectionratio * 100)) + "%"; box.queryselector(".topleft").innerhtml = visiblepct; box.queryselector(".toprigh...
ScrollToOptions.behavior - Web APIs
the behavior property of the scrolltooptions dictionary specifies whether the
scrolling should animate smoothly, or happen instantly in a single jump.
... the behavior property of the scrolltooptions dictionary specifies whether the
scrolling should animate smoothly, or happen instantly in a single jump.
...havior property of the scrolltooptions dictionary specifies whether the
scrolling should animate smoothly, or happen instantly in a single jump.
...be one of the following: smooth: the
scrolling animates smoothly.
Coordinate systems - CSS: Cascading Style Sheets
ety properties are given relative to the top-left corner of the node to which the event has been delivered.
...ewing area in which the document is presented.
...lling is not a factor.
...one; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .log { position: relative; width: 100%; text-align: center; } result here you can see the results in action.
Guide to scroll anchoring - CSS: Cascading Style Sheets
roll position to compensate for the changes outside of the viewport.
...ument.
...anchoring in places where it might be problematic.
...sform additionally, position changes anywhere inside the
scrolling box also disable scroll anchoring.
overscroll-behavior-block - CSS: Cascading Style Sheets
the overscroll-behavior-block css property sets the browser's behavior when the block direction boundary of a
scrolling area is reached.
...; overscroll-behavior-block: unset; syntax the overscroll-behavior-block property is specified as a keyword chosen from the list of values below.
...rd chosen from the list of values below.
...rlying elements will not scroll.
overscroll-behavior-inline - CSS: Cascading Style Sheets
the overscroll-behavior-inline css property sets the browser's behavior when the inline direction boundary of a
scrolling area is reached.
...overscroll-behavior-inline: unset; syntax the overscroll-behavior-inline property is specified as a keyword chosen from the list of values below.
...rd chosen from the list of values below.
...lying elements will not scroll.
overscroll-behavior-x - CSS: Cascading Style Sheets
the overscroll-behavior-x css property sets the browser's behavior when the horizontal boundary of a
scrolling area is reached.
... initial; overscroll-behavior-x: unset; syntax the overscroll-behavior-x property is specified as a keyword chosen from the list of values below.
...rd chosen from the list of values below.
...ill not scroll.
overscroll-behavior-y - CSS: Cascading Style Sheets
the overscroll-behavior-y css property sets the browser's behavior when the vertical boundary of a
scrolling area is reached.
... valueas specifiedanimation typediscrete syntax the overscroll-behavior-y property is specified as a keyword chosen from the list of values below.
...rd chosen from the list of values below.
...ill not scroll.
scroll-behavior - CSS: Cascading Style Sheets
the scroll-behavior css property sets the behavior for a
scrolling box when
scrolling is triggered by the navigation or cssom
scrolling apis.
... specified on the body element will not propagate to the viewport.
...ate to the viewport.
...havior: unset; the scroll-behavior property is specified as one of the keyword values listed below.
scroll-margin-inline-end - CSS: Cascading Style Sheets
of the scroll container.
...250px; height: 250px; overflow-x: scroll; display: flex; box-sizing: border-box; border: 1px solid #000; scroll-snap-type: x mandatory; } the main parts relevant to the scroll snapping are overflow-x: scroll, which makes sure the contents will scroll and not be hidden, and scroll-snap-type: x mandatory, which dictates that scroll snapping must occur along the horizontal axis, and the
scrolling will always come to rest on a snap point.
...-snap-align: end, which specifies that the right-hand edges (the "ends" along the x axis, in our case) are the designated snap points.
...ht-hand edges (the "ends" along the x axis, in our case) are the designated snap points.
scroll-margin-inline-start - CSS: Cascading Style Sheets
of the scroll container.
...250px; height: 250px; overflow-x: scroll; display: flex; box-sizing: border-box; border: 1px solid #000; scroll-snap-type: x mandatory; } the main parts relevant to the scroll snapping are overflow-x: scroll, which makes sure the contents will scroll and not be hidden, and scroll-snap-type: x mandatory, which dictates that scroll snapping must occur along the horizontal axis, and the
scrolling will always come to rest on a snap point.
...lign: start, which specifies that the left-hand edges (the "starts" along the x axis, in our case) are the designated snap points.
...d edges (the "starts" along the x axis, in our case) are the designated snap points.
scroll-margin-inline - CSS: Cascading Style Sheets
e specified outsets.
...250px; height: 250px; overflow-x: scroll; display: flex; box-sizing: border-box; border: 1px solid #000; scroll-snap-type: x mandatory; } the main parts relevant to the scroll snapping are overflow-x: scroll, which makes sure the contents will scroll and not be hidden, and scroll-snap-type: x mandatory, which dictates that scroll snapping must occur along the horizontal axis, and the
scrolling will always come to rest on a snap point.
...s scroll-snap-align: end, which specifies that the right-hand edges (the "ends" along the x axis, in our case) are the designated snap points.
... the right-hand edges (the "ends" along the x axis, in our case) are the designated snap points.
Index - Game development
s in performance and memory usage gains — big image files containing entire level maps are not needed, as they are constructed by small images or image fragments multiple times.
... files containing entire level maps are not needed, as they are constructed by small images or image fragments multiple times.
...ll images or image fragments multiple times.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
response, animation, idle, and load, is a performance model originated by the google chrome team in 2015, focused on user experience and performance within the browser.
..."<locale>/docs/".
...composing, glossary, intro, qa, testing a smoke test consists of functional or unit tests of critical software functionality.
mozbrowserscrollviewchange
non-standard this feature is non-standard and is not on a standards track.
... event.
...custom object.
Paint Flashing Tool - Firefox Developer Tools
the paint flashing tool, when activated, highlights the part of a page that the browser needs to repaint in response to some input: for example, the user moving the mouse or
scrolling.
...low responding to user input (also known as "janky").
...using the paint flashing tool open the toolbox, then click the icon labeled "highlight painted area": then try using the page.
Pointer events - Web APIs
tiple events occur with one event, all of them have the same value.
...ept: non-replaced inline elements, table rows, row groups, table columns, and column groups.
...r is free to apply its default touch behavior (to the specified region) and the value of none disables the browser's default touch behavior for the region.
ScrollToOptions - Web APIs
the scrolltooptions dictionary of the cssom view spec contains properties specifying where an element should be scrolled to, and whether the
scrolling should be smooth.
...wing methods: window.scroll() window.scrollby() window.scrollto() element.scroll() element.scrollby() element.scrollto() properties scrolltooptions.top specifies the number of pixels along the y axis to scroll the window or element.
...n a single jump.
UIEvent.layerX - Web APIs
the uievent.layerx read-only property returns the horizontal coordinate of the event relative to the current layer.
... <span>this is an un-positioned div so clicking it will return layerx/layery values almost the same as pagex/pagey values.</span> </div> <div id="d2"> <span>this is a positioned div so clicking it will return layerx/layery values that are relative to the top-left corner of this positioned element.
...lement.
UIEvent.layerY - Web APIs
the uievent.layery read-only property returns the vertical coordinate of the event relative to the current layer.
... <span>this is an un-positioned div so clicking it will return layerx/layery values almost the same as pagex/pagey values.</span> </div> <div id="d2"> <span>this is a positioned div so clicking it will return layerx/layery values that are relative to the top-left corner of this positioned element.
...lement.
UIEvent.pageY - Web APIs
the uievent.pagey read-only property returns the vertical coordinate of the event relative to the whole document.
...> <span>this is an un-positioned div so clicking it will return layerx/layery values almost the same as pagex/pagey values.</span> </div> <div id="d2"> <span>this is a positioned div so clicking it will return layerx/layery values that are relative to the top-left corner of this positioned element.
...lement.
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
could be used to determine what a non-player character can see, relying on the same rendering and physics engine used by player characters for non-player characters.
...directly with the player or any other character in the game, but is instead either fixed above or next to the game play area, or follows the action as the action moves around a
scrolling game world.
... player or any other character in the game, but is instead either fixed above or next to the game play area, or follows the action as the action moves around a
scrolling game world.
ARIA: feed role - Accessibility
a feed is a dynamic scrollable list of articles in which articles are added to or removed from either end of the list as the user scrolls.
...
scrolling infinitely by loading more content as the user reads.
...de functions that enable users to jump from article to article and efficiently discern which articles they want to read.
Cognitive accessibility - Accessibility
e timeout duration by a factor of 10 with a simple action, such as hitting the space bar.
... that allows users to enable a longer session time limit, or no session time limit at all.
... it is important not to distract users, especially ones with cognitive disabilities.
smoothscroll - Archive of obsolete content
« xul reference home smoothscroll type: boolean true initially enables smooth
scrolling for the corresponding arrowscrollbox, false disables it.
... « xul reference home smoothscroll type: boolean true initially enables smooth
scrolling for the corresponding arrowscrollbox, false disables it.
userAction - Archive of obsolete content
« xul reference home useraction type: one of the values below this attribute will be set to the action the user is currently performing.
... « xul reference home useraction type: one of the values below this attribute will be set to the action the user is currently performing.
smoothScroll - Archive of obsolete content
« xul reference smoothscroll type: boolean can be set to enable or disable smooth
scrolling for the corresponding arrowscrollbox.
... « xul reference smoothscroll type: boolean can be set to enable or disable smooth
scrolling for the corresponding arrowscrollbox.
CSS - Archive of obsolete content
box relative to the element on which the ime composition is active.
...ll-limit-y-maxthe -ms-scroll-limit-y-max css property is a microsoft extension that specifies the maximum value for the element.scrolltop property.-ms-scroll-limit-y-minthe -ms-scroll-limit-y-min css property is a microsoft extension that specifies the minimum value for the element.scrolltop property.-ms-scroll-railsthe -ms-scroll-rails css property is a microsoft extension that specifies whether
scrolling locks to the primary axis of motion.-ms-scroll-snap-points-xthe -ms-scroll-snap-points-x css property is a microsoft extension that specifies where snap-points will be located along the x-axis.-ms-scroll-snap-points-ythe -ms-scroll-snap-points-y css property is a microsoft extension that specifies where snap-points will be located along the y-axis.-ms-scroll-snap-xthe -ms-scroll-snap-x css shorth...
Positioning - Learn web development
rius commodo et a urna.
... <dd>bee</dd> <dd>banana</dd> <dd>beanstalk</dd> <dt>c</dt> <dd>calculator</dd> <dd>cane</dd> <dd>camera</dd> <dd>camel</dd> <dt>d</dt> <dd>duck</dd> <dd>dime</dd> <dd>dipstick</dd> <dd>drone</dd> <dt>e</dt> <dd>egg</dd> <dd>elephant</dd> <dd>egret</dd> </dl> sticky elements are "sticky" relative to the nearest ancestor with a "
scrolling mechanism", which is determined by its ascendants' position property.
Index - Learn web development
e scripting beginner, codingscripting, javascript, javascripting beginner, landing, module, topic, l10n:priority javascript is a programming language that allows you to implement complex things on web pages.
... 348 what is web performance?
What is web performance? - Learn web development
previous overview: performance next web performance is all about making web sites fast, including making slow processes seem fast.
...ontinue to load in the background while the user gets on with primary tasks, and sometimes we only load assets when they are actually needed (this is called lazy loading).
Browser API
rowser <iframe>.
...rl/cmd + click.) mozbrowserresize sent when the browser <iframe>'s window size has changed.
nsITreeBoxObject
sitreecolumn to check scrolltorow() scrolls such that the row at index is at the top of the visible view.
... the row scrollbylines() scroll the tree up or down by numlines lines.
Frame rate - Firefox Developer Tools
sponsiveness as the user interacts with it.
...cript that changes the element's appearance, and that triggers a reflow and a repaint, then all this work needs to be completed in that frame.
Document: scroll event - Web APIs
the scroll event fires when the document view or an element has been scrolled.
... the scroll event fires when the document view or an element has been scrolled.
Document: wheel event - Web APIs
event handler property globaleventhandlers.onwheel this event replaces the non-standard deprecated mousewheel event.
...andard deprecated mousewheel event.
Element: mousewheel event - Web APIs
bubbles yes cancelable yes interface mousewheelevent event handler property onmousewheel the detail property the value of the detail property is always zero, except in opera, which uses detail similarly to the firefox-only dommousescroll event's detail value, which indicates the scroll distance in terms of lines, with negative values indicating the
scrolling movement is either toward the bottom or toward the right, and positive values indicating
scrolling to the top or left.
...ifferent from dom level 3 event's wheel.
Element: wheel event - Web APIs
bubbles yes cancelable yes interface wheelevent event handler property onwheel note: don't confuse the wheel event with the scroll event.
...t handler property onwheel note: don't confuse the wheel event with the scroll event.
HTMLElement.focus() - Web APIs
aspects of the focusing process.
...d("mybutton").focus(); } html <button type="button" id="mybutton">click me!</button> <p></p> <button type="button" onclick="focusmethod()">click me to focus on the button!</button> result focus with focusoption javascript focusscrollmethod = function getfocus() { document.getelementbyid("mybutton").focus({preventscroll:false}); } focusnoscrollmethod = function getfocuswithout
scrolling() { document.getelementbyid("mybutton").focus({preventscroll:true}); } html <button type="button" onclick="focusscrollmethod()">click me to focus on the button!</button> <button type="button" onclick="focusnoscrollmethod()">click me to focus on the button without
scrolling!</button> <div id="container" style="height: 1000px; width: 1000px;"> <button type="button" id="mybutton" s...
MouseEvent.pageX - Web APIs
the pagex read-only property of the mouseevent interface returns the x (horizontal) coordinate (in pixels) at which the mouse was clicked, relative to the left edge of the entire document.
... as a long integer.
Window.scroll() - Web APIs
ant displayed in the upper left.
...mples <!-- put the 100th vertical pixel at the top of the window --> <button onclick="scroll(0, 100);">click to scroll down 100 pixels</button> using options: window.scroll({ top: 100, left: 100, behavior: 'smooth' }); notes window.scrollto() is effectively the same as this method.
Perceivable - Accessibility
padding: 2.25rem;).
... 1.4.9 images of text (no exception) (aaa) text should not be presented as part of an image unless it is purely decoration (i.e., it does not convey any content) or cannot be presented in any other way.
overflow-block - CSS: Cascading Style Sheets
the overflow-block css media feature can be used to test how the output device handles content that overflows the initial containing block along the block axis.
... device handles content that overflows the initial containing block along the block axis.
background-attachment - CSS: Cascading Style Sheets
background-attachment: scroll; background-attachment: fixed; background-attachment: local; /* global values */ background-attachment: inherit; background-attachment: initial; background-attachment: unset; the background-attachment property is specified as one of the keyword values from the list below.
...the background-attachment property is specified as one of the keyword values from the list below.
Event reference
when window.open() is called within a browser iframe.
...pi-specific sent when the browser <iframe> content scrolls.
Web Performance
web performance is the objective measurements and the perceived user experience of load time and runtime.
...ple we need to consider when thinking about performance, and how we can make performance part of our web development workflow.
Attribute (XUL) - Archive of obsolete content
eafter resizebefore rows screenx screeny searchbutton searchsessions searchlabel selected selectedindex seltype setfocus showcaret showcommentcolumn showpopup size sizemode sizetopopup smoothscroll sort sortactive sortdirection sortresource sortresource2 spellcheck src state statedatasource statusbar statustext style subject substate suppressonselect tabindex tab
scrolling targets template timeout title toolbarname tooltip tooltiptext tooltiptextnew top type uri useraction validate value var visuallyselected wait-cursor width windowtype wrap wraparound ...
ensureIndexIsVisible - Archive of obsolete content
« xul reference home ensureindexisvisible( index ) return type: no return value if the item at the specified index is not currently visible to the user the displayed items are scrolled so that it is.
Property - Archive of obsolete content
electedbrowser selectedcount selectedindex selecteditem selecteditems selectedpanel selectedtab selectionend selectionstart selstyle seltype sessioncount sessionhistory showcommentcolumn showpopup size smoothscroll spinbuttons src state statusbar statustext stringbundle strings style subject suppressonselect tabcontainer tabindex tabs tab
scrolling tabpanels tag textlength textvalue timeout title toolbarname toolbarset tooltip tooltiptext top treeboxobject type uri useraction value valuenumber view webbrowserefind webnavigation webprogress width wizardpages wraparound year yearleadingzero related dom element properties dom:element.attributes dom:element.baseuri dom:element.childele...
XUL Tutorial - Archive of obsolete content
c controls list controls progress meters adding html elements using spacers more button features the box model the box model element positioning box model details groupboxes adding more elements more layout elements stacks and decks stack positioning tabboxes grids content panels splitters toolbars and menus toolbars simple menu bars more menu features popup menus
scrolling menus events and scripts adding event handlers more event handlers keyboard shortcuts focus and selection commands updating commands broadcasters and observers document object model document object model modifying a xul interface manipulating lists box objects xpcom interfaces xpcom examples trees trees more tree features tree selection custom tree views tree view de...
XUL Questions and Answers - Archive of obsolete content
.clone(); settings.docurl = " "; // suppress url on printout other options you can modify are documented here: http://www.xulplanet.com/references/...tsettings.html how can i send xml/xul document fragment to the server instead of using get or post variables?
Web performance - Learn web development
ent makes it into your users browser to be viewed, to what groups of people we need to consider when thinking about performance, how do users perceive performance?
Mozilla accessibility architecture
checkboxstatechange, radiostatechange mozilla dom event_state_change popupshowing mozilla dom event_menustart popuphiding mozilla dom event_menuend nsdocaccessible::scrollpositiondidchange(), then nsdocaccessible::scrolltimercallback() nsiscrollpositonlistener and nsitimer callbacks event_
scrollingend (quick timer is used to determine when
scrolling pauses or stops, to avoid extra events being fired) nsdocaccessible::onstatechange(), :nsdocaccessible:onlocationchange() nsiwebprogresslistener callback event_state_change (msaa) event_reorder (atk) dom mutation events - multiple uses dom mutation events are a great thing.
source-editor.jsm
aline, [optional] number acolumn, [optional] number aalign ); parameters aline the 0-based line number on which to place the caret.
Gecko events
thelp_end a window has exited context-sensitive help mode is supported: no event_dragdrop_start an application is about to enter drag-and-drop mode is supported: yes event_dragdrop_end an application is about to exit drag-and-drop mode is supported: no event_dialog_start a dialog box has been displayed is supported: no event_dialog_end a dialog box has been closed is supported: no event_
scrolling_start
scrolling has started on a scroll bar is supported: yes event_
scrolling_end
scrolling has ended on a scroll bar is supported: yes event_minimize_start a window object is about to be minimized or maximized is supported: no event_minimize_end a window object has been minimized or maximized is supported: no event_document_load_start is supported: yes event_document_load_complete t...
Gecko states
state_default this state represents the default button in a window.
nsIAccessibleScrollType
accessible/public/nsiaccessibletypes.idlscriptable these constants control the
scrolling of an object or substring into a window.
nsISHEntry
if any, that was associated with the channel that the document that was loaded to create this history entry came from.
Document: pointercancel event - Web APIs
the pointercancel event is fired when the browser determines that there are unlikely to be any more pointer events, or if after the pointerdown event is fired, the pointer is then used to manipulate the viewport by panning, zooming, or
scrolling.
Element.scrollIntoViewIfNeeded() - Web APIs
the element.scrollintoviewifneeded() method scrolls the current element into the visible area of the browser window if it's not already within the visible area of the browser window.
HTMLElement: pointercancel event - Web APIs
the pointercancel event is fired when the browser determines that there are unlikely to be any more pointer events, or if after the pointerdown event is fired, the pointer is then used to manipulate the viewport by panning, zooming, or
scrolling.
Key Values - Web APIs
y_meta (0x01000022) keycode_meta_left (117) keycode_meta_right (118) "numlock" the numlock (number lock) key.
MouseEvent.pageY - Web APIs
the pagey read-only property of the mouseevent interface returns the y (vertical) coordinate in pixels of the event relative to the whole document.
TouchEvent - Web APIs
id webview), where the default value for the passive option for touchstart and touchmove is true and calls to preventdefault() will have no effect.
VisualViewport - Web APIs
,' + offsettop + 'px) ' + 'scale(' + 1/viewport.scale + ')' } window.visualviewport.addeventlistener('scroll', viewporthandler); window.visualviewport.addeventlistener('resize', viewporthandler); note: this technique should be used with care; emulating position: device-fixed in this way can result in the fixed element flickering during
scrolling.
Using the log role - Accessibility
olite" aria-atomic="false"> <li>please choose a user name to begin using ajax chat.</li> </ul> <ul id="userlistregion" aria-live="off" aria-relevant="additions removals text"> </ul> </div> working examples: http://websiteaccessibility.donaldevans.com/2011/07/12/aria-log/ notes using the log role on an element implies that element has aria-live="polite".
ARIA: Region role - Accessibility
on" aria-labelledby="heading"> <h3 id="use-discretion">please use the <code>region</code> role with discretion</h3> <!-- content --> </div> ...
ARIA: button role - Accessibility
button:focus, [role="button"][aria-pressed="true"] { border: 2px solid #000; } javascript function handlebtnclick(event) { togglebutton(event.target); } function handlebtnkeydown(event) { // check to see if space or enter were pressed if (event.key === " " || event.key === "enter" || event.key === "spacebar") { // "spacebar" for ie11 support // prevent the default action to stop
scrolling when space is pressed event.preventdefault(); togglebutton(event.target); } } function togglebutton(element) { var audio = document.getelementbyid('audio'); // check to see if the button is pressed var pressed = (element.getattribute("aria-pressed") === "true"); // change aria-pressed to the opposite state element.setattribute("aria-pressed", !pressed); // toggle the play s...
WAI-ARIA Roles - Accessibility
ith reading or browse modes to use the document mode to read the content contained within this element.aria: feed rolea feed is a dynamic scrollable list of articles in which articles are added to or removed from either end of the list as the user scrolls.
CSS Scroll Snap - CSS: Cascading Style Sheets
css scroll snap is a module of css that introduces scroll snap positions, which enforce the scroll positions that a scroll container’s scrollport may end at after a
scrolling operation has completed.