Ganze Seite nach unten oder oben Scrollen das zweite mal

Zitat von hwww

Was muss geändert werden?

Beitrag

RE: Nach Update auf 143.0: Gibt es neue Standards im Code?

[…]

Teste bitte:

(Quelltext, 49 Zeilen)

2002Andreas

18. September 2025 um 09:56

Ersetze Zeile menuitem.style.listStyleImage='url("chrome://browser/skin/downloads/downloads.svg")'; beide,
durch menuitem.style.setProperty('--menuitem-icon','url("chrome://browser/skin/downloads/downloads.svg")');

Zitat von Mira_Belle

Ersetze Zeile

Zeile 40 muss dann aber auch noch angepasst werden.

Hallo Mira,

könnte das die Standard-Anpassung für die JS-Codes sein, die ich heute in dem anderen Thread schon angefragt hatte?

Oder gilt das exklusiv für diesen Code?

Grüße Lionsson

Zitat von lionsson

könnte das die Standard-Anpassung für die JS-Codes sein

Nein.

Es kommt immer auch drauf an, wo das Icon erstellt wird.

Zitat von hwww

Besten Dank für den Hinweis in #2

gerne doch

Zitat von 2002Andreas

Zeile 40 muss dann aber auch noch angepasst werden.

Oh, muss nicht, wäre aber besser!
Aus list-style-image: .. mach besser --menuitem-icon: ..

Zitat von 2002Andreas

Zitat von lionsson

könnte das die Standard-Anpassung für die JS-Codes sein

Nein.

Es kommt immer auch drauf an, wo das Icon erstellt wird.

Schad'. GL

Zitat von Mira_Belle

Oh, muss nicht, wäre aber besser!

Hallo Mira.

Du hast recht, aber nur weil der Eintrag in Zeile 40:

--menuitem-icon: url("chrome://browser/skin/downloads/downloads.svg");

gar nicht benötigt wird.

Wieder was gelernt

Zitat von 2002Andreas

Wieder was gelernt

Jup, wieder was gelernt.
Denn eben gerade hatte ich etwas Zeit mir das CSS genauer anzusehen.

Der Selektor #context-to-top bezieht sich ja schon auf das Symbol,
daher muss man das nicht noch einmal ansprechen.

Ergo, die Zeile --menuitem-icon: url("chrome://browser/skin/downloads/downloads.svg"); kann gelöscht,
sollte gelöscht werden. Sie stiftet nur Verwirrung!

Zitat von hwww

Also vor die Pfeile "zurück" und "vor".

Teste bitte:

#context-to-top {
  order: -1 !important;
}

#context-to-bottom {
  order: -1 !important;
}

Und so gleich mit im Skript:

//ScrollTopAndBottom.uc.js
// ab Fx 143

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'context-to-top';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , '');
	menuitem.style.setProperty('--menuitem-icon', 'url(chrome://browser/skin/downloads/downloads.svg)');
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);
		}
	}); 

})();

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'context-to-bottom';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , '');
	menuitem.style.setProperty('--menuitem-icon', 'url(chrome://browser/skin/downloads/downloads.svg)');
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);
		}
	});

   var css = `
#context-to-top { 
  transform:rotate(180deg)!important;
  margin-left: 0px !important;
  margin-right: 10px !important;
}

#context-to-top {
  order: -1 !important;
}

#context-to-bottom {
  order: -1 !important;
}
`;

	var cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null);
	var SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
	SSS.loadAndRegisterSheet(cssUri, SSS.AGENT_SHEET);
})();

hwww Du kannst das

#context-to-top {
  order: -1 !important;
}

#context-to-bottom {
  order: -1 !important;
}

Auch ganz weglassen!