|
Your code is trying to scroll horizontally.
If you want to scroll vertically, then you need to swap the order of the arguments in your call to scrollTo .
EDIT: Ignore this; I misread the documentation.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
modified 8-Feb-18 7:42am.
|
|
|
|
|
but they say (x,y)..x=horiz y=vert ... i tried (2000,0) and nothing!!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Yes, you're right.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
ok..so why is it not working????.do you have any idea?.i am blind on this now
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Alienoiz wrote: document.getElementById("#WE21c6b55f75")
You don't need the "#" when you call getElementById ; that's a jQuery selector.
You'll also want to use the addEventListener[^] method to attach the event:
document.getElementById("WE21c6b55f75").addEventListener("click", myFunction);
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
your code is not working too...i do not know what is happening!!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
It works fine for me:
Edit fiddle - JSFiddle[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
not working here...maybe it only works in an online page!!?!! can that happen?!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Is the demo I posted not working?
Which browser are you using?
Are there any errors in the browser's error console?
Is there anything odd about the CSS styles applied to the div?
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
the demo you show is working..i am using Chrome..i do not know how to see the errors in the console...
the image is inside a group of elements frame and i am animating the images with this code:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#WE21c6b55f75:hover {
animation: shake 0.6s;
}
@keyframes shake {
100% { transform: translate(0px, 0px) rotate(360deg); }
}
</style>
</head>
<body>
</body>
</html>
and the group of elements with this one:
<script>
$(document).ready(function(){
$("div").mouseenter(function(){
$("#WEdeade99e88").animate({
top:"20px"
});
$("#WE427d1fab8f").animate({
top: "5px"
});
$("#WEcee0bb0ded").animate({
top: "210px"
});
$("#WEa1d10f7aea").animate({
top: "200px"
});
$("#WEd710230262").animate({
top: "200px"
});
});
});
</script>
modified 7-Jan-19 21:02pm.
|
|
|
|
|
On Windows, F12 will open the developer console in most browsers.
Try removing the animation code, in case that's moving the target so that you can't click on it. Also, check whether there's another element sitting in front of the target, or any event handlers on the child elements which might prevent a click event from bubbling.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
nop..i cannot see anything that would prevent this to work :s
back to the first code i showed you:
<button onclick="scrollWin()">Click me to scroll horizontally!</button><br><br>
<script>
function scrollWin() {
window.scrollTo(500, 0);
}
</script>
was working but from an html button..is there a way to replace the button element by my image: "WE21c6b55f75" ........?
modified 7-Jan-19 21:02pm.
|
|
|
|
|
There's no secret code that I'm not telling you; what I've shown you so far is how it's done.
If it's not working, then you need to debug it. I can't do that for you, because I don't have access to your page.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
well ..is there a way to replace the button element by my image?...if yes i would have my problem solved man!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
Edit fiddle - JSFiddle[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
ok..i have set all this in the same code containner and it is working now:
<div id="WE21c6b55f75" onclick="scrollWin()" class="BaseDiv RKeepRatio OEWEImage OESK_WEImage_Default" style="z-index:1002">
<div class="OESZ OESZ_DivContent OESZG_WE21c6b55f75">
<img src="WEFiles/Image/WEImage/scroll-WE21c6b55f75.png" class="OESZ OESZ_Img OESZG_WE21c6b55f75" alt="" />
</div>
</div>
<script>
function scrollWin() {
window.scrollTo(0, 3000);
}
</script>
Thanks for your consideration!!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
i just tried with other elements in the page and it is not working..i also tried to upload the thing to see if it worked in an uploaded project...but nothing
modified 7-Jan-19 21:02pm.
|
|
|
|
|
i am running this site: beatassist.eu :and i am using OpenElement software..which i find an awesome software..if you check the site you will say: "you can do all this and you cannot make a button to scroll from an image?" ... the problem is that YES i am not figuring it out?!!
Thank You!
modified 7-Jan-19 21:02pm.
|
|
|
|
|
How are websites that use database being developed today? For example, is using JAVA JSP and MYSQL a good approach? What are the most popular programming languages that are being used today for web dev? I am familiar with Java and C#. If JAVA is used then what is used along w/ java (besides HTML, CSS, and Javascript). I want to learn more about it and want to know what direction I should focus my attention.
Thank you,
Steven
|
|
|
|
|
Most are doing it the wrong way; why do you ask?
|
|
|
|
|
I want to learn more about web dev. I like working with Java. I have built some small websites that access DB. What to learn more. Is JAVA still a good approach?
|
|
|
|
|
There is no single "right way". It mostly depends on the hosting platform, and what the project's requirements are.
The common components between all web sites are javascript, css, and HTML5. If you are fluent in those three things, you're good, because whatever else you need to know can be learned.
You can essentially use anything anywhere, so it's mostly all about what YOU are comfortable with.
".45 ACP - because shooting twice is just silly" - JSOP, 2010 ----- You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010 ----- When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013
modified 29-Jan-18 21:19pm.
|
|
|
|
|
I'm trying to use the @font-face rule in CSS so that the typefaces I choose appear consistently no matter what fonts a user has available on their device. However, the fonts are not appearing even on my system. So, I wanted to make sure I'm formatting the code correctly (as I'm definitely no expert on this).
Here's some of the code from the site I'm building. Please let me know what should be done to display the fonts as intended.
@charset "UTF-8";
@font-face {
font-family: MrsEaves-Roman;
src: url("/fonts/MrsEavRom.lwfn") format("lwfn");
font-stretch: normal;
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: Priori-Sans-Regular;
src: url("/fonts/PriorSanReg.ttf") format("ttf");
font-stretch: normal;
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: Chalet-London;
src: url("/fonts/Chalet-LondonNineteenEighty.otf") format("otf");
font-stretch: normal;
font-style: normal;
font-weight: normal;
}
.at-hero-head {
font-family: "MrsEaves-Roman";
font-size: 32px;
text-align: left;
color: ffffff;
}
.at-hero-head-chalet {
font-family: "Chalet-London";
font-size: 32px;
text-align: left;
color: ffffff;
}
|
|
|
|
|
Maybe you just miss the quotes on the font-family, like at bottom "MrsEaves-Roman".
I dont use font-face so i dont know exactly if you need something other... verify the url path too.
"Appear consistently", not exactly, depending of the font file type and what the browser accept.
So you have to load 3-4 "identical" fonts files type to be "cross browser" with the same font.
modified 29-Jan-18 8:03am.
|
|
|
|
|
Has anyone else observed the abysmal upload speed of the File Upload functionality in MVC5?
It takes a couple of minutes to upload a 25mb file, but only a second or two to download the same file.
".45 ACP - because shooting twice is just silly" - JSOP, 2010 ----- You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010 ----- When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013
|
|
|
|