alicestrt/vvvw
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

smooth scroooooooooll

Browse Source
This commit is contained in:
nglk 2020-09-29 14:20:57 +02:00
parent 35f68ea4f0
commit e76e18cd33
2 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/style.css
View File

@ -24,6 +24,12 @@
.thesis { .thesis {
overflow-y: scroll; overflow-y: scroll;
max-height:500px; max-height:500px;
scroll-behavior: smooth;
}
/* background audio */
audio {
width:100%;
} }
/* circles */ /* circles */

33
templates/hello.html
View File

@ -3,14 +3,19 @@
{% block body %} {% block body %}
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-md-9">
<!-- <div class="map_area">Map area<div id="circle-1" onclick="scrolldiv()"> -->
<div class="map_area">Map area <div class="map_area">Map area
<div class="row"> <div class="row">
<div class="col-md-1 col-sm-4"> <div class="col-md-1 col-sm-4">
<div id="show1"><audio controls>
<source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio></div>
<svg id="first_circle">
<svg id="first_circle angela" onclick="scrolldiv()">
<circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" /> <circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" />
<text x="50" y="50" text-anchor="middle">hello </text> <a href="#" >Angela<text x="50" y="50" text-anchor="middle">hello </text></a>
</svg> </svg>
</div> </div>
<div class="col-md-1 col-sm-4"> <div class="col-md-1 col-sm-4">
@ -82,21 +87,11 @@
elem.scrollIntoView(); elem.scrollIntoView();
} }
</script> </script>
<script type="text/javascript">
<!-- <script type="text/javascript"> $("#angela").click(function(){
let firsttext = 'text text'; $("#show1").fadeIn()
console.log("around")
function setup() { });
var canvas = createCanvas(400, 400); </script>
canvas.parent('circle-1');
}
function draw() {
stroke(0);
ellipse(252, 144, 72, 72);
text(firsttext, 252, 144, 72, 72);
firsttext.id = 'firsttext';
}
</script> -->
{% endblock %} {% endblock %}